Разбираемся в CSS
Гость
Границы и гибкость в CSS
Сообщение
Гость » 30 сен 2023, 23:46
Я обнаружил, что на моем веб-сайте справа от бокового меню есть странное белое пустое пространство. Я пытался удалить строки кода по отдельности, но не смог найти источник, возможно, это комбинация нескольких вещей?
Если у кого-то есть идеи относительно того, что такое пустое пространство, мы будем очень признательны. CSS и HTML включены ниже.
[*]
JLPT ME Изучайте японский язык с помощью популярной культуры Загрузить резюме Результаты
[/i]
Вот CSS:
.whole_doc_edit { отступ слева: 260 пикселей; отступ справа: 260 пикселей; цвет фона: aliceblue; } .quiz_space { дисплей: гибкий; flex-direction: строка-обратная; отступ справа: 10 пикселей; граница: 5 пикселей, сплошная #555; цвет фона: #ffffff; граница: сплошная 3 пикселя; цвет границы: #333; отступ слева: 15 пикселей; отступ справа: 15 пикселей; } .инструкции { отступ-верх: 20 пикселей; отступ снизу: 10 пикселей; } .side_menu { дисплей: гибкий; стиль списка: нет; гибкое направление: столбец; граница: сплошная, 3 пикселя; цвет:#f1f1f1; } .quiz_space__content { гибкий рост: 1; } .side_heading { цвет:#f9f9f9; отступ: 14 пикселей 16 пикселей; отступ слева: 20 пикселей; отступ-верх: 0 пикселей; } .advert_space { отступ слева: 200 пикселей; отступ справа: 200 пикселей; отступ снизу: 200 пикселей; } .side_menu_container { цвет фона: #333; } .container-fluid { отступ сверху: 200 пикселей; } /* РАЗДЕЛ SNS */ .sns_box { черный цвет; } .sns_box:hover { цвет: #8332AB; } .wrapper { дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; высота: 100вх; } .sns_btn { ширина: 280 пикселей; высота: 60 пикселей; граница: 3 пикселя, сплошная #8332AB; радиус границы: 30 пикселей; дисплей: гибкий; оправдание-содержание: равномерно по пространству; выровнять-элементы: по центру; положение: относительное; черный цвет; курсор: указатель; переполнение: скрыто; размер шрифта: 24 пикселей; переход: все 0,5 секунды легкости; } .sns_btn:до { содержание: «СЛЕДУЙТЕ ЗА НАМИ»; семейство шрифтов: «Poppins», без засечек; позиция: абсолютная; осталось: 50%; верх: 50%; трансформировать: транслировать(-50%, -50%); белый цвет; размер шрифта: 16 пикселей; межбуквенный интервал: 1 пиксель; ширина: 100%; высота: 100%; радиус границы: 30 пикселей; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; фон: #8332AB; переход: все 0,5 секунды легкости; } .sns_btn:hover { фон: #FFF } .sns_btn:hover:before { верх: -50%; } .side_menu_options { цвет фона: #FFF; граница: #333 3 пикселя;
1696106814
Гость
Я обнаружил, что на моем веб-сайте справа от бокового меню есть странное белое пустое пространство. Я пытался удалить строки кода по отдельности, но не смог найти источник, возможно, это комбинация нескольких вещей? Если у кого-то есть идеи относительно того, что такое пустое пространство, мы будем очень признательны. CSS и HTML включены ниже. [*] [url=#]JLPT ME[/url] [b] [list] [url=#]Главная[/url] [*] [url=#]Контакт[/url] [*] [url=#]Пожертвовать[/url] [*] [url=#] Выберите уровень [u] N5[/url] [*][url=#]N4[/url] [*][url=#]N3[/url] [*][url=#]N2[/url] [*][url=#]N1[/url] [/list] Изучайте японский язык с помощью популярной культуры [list] [*][url=CV.pdf]Загрузить резюме[/url] Результаты [url=#][/i][/url] [url=#][i][/i][/url] [url=#][i][/i][/url] [url=#][i][/i][/url] [url=#][i][/i][/url] [url=#][i][/i][/url] Вот CSS: .whole_doc_edit { отступ слева: 260 пикселей; отступ справа: 260 пикселей; цвет фона: aliceblue; } .quiz_space { дисплей: гибкий; flex-direction: строка-обратная; отступ справа: 10 пикселей; граница: 5 пикселей, сплошная #555; цвет фона: #ffffff; граница: сплошная 3 пикселя; цвет границы: #333; отступ слева: 15 пикселей; отступ справа: 15 пикселей; } .инструкции { отступ-верх: 20 пикселей; отступ снизу: 10 пикселей; } .side_menu { дисплей: гибкий; стиль списка: нет; гибкое направление: столбец; граница: сплошная, 3 пикселя; цвет:#f1f1f1; } .quiz_space__content { гибкий рост: 1; } .side_heading { цвет:#f9f9f9; отступ: 14 пикселей 16 пикселей; отступ слева: 20 пикселей; отступ-верх: 0 пикселей; } .advert_space { отступ слева: 200 пикселей; отступ справа: 200 пикселей; отступ снизу: 200 пикселей; } .side_menu_container { цвет фона: #333; } .container-fluid { отступ сверху: 200 пикселей; } /* РАЗДЕЛ SNS */ .sns_box { черный цвет; } .sns_box:hover { цвет: #8332AB; } .wrapper { дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; высота: 100вх; } .sns_btn { ширина: 280 пикселей; высота: 60 пикселей; граница: 3 пикселя, сплошная #8332AB; радиус границы: 30 пикселей; дисплей: гибкий; оправдание-содержание: равномерно по пространству; выровнять-элементы: по центру; положение: относительное; черный цвет; курсор: указатель; переполнение: скрыто; размер шрифта: 24 пикселей; переход: все 0,5 секунды легкости; } .sns_btn:до { содержание: «СЛЕДУЙТЕ ЗА НАМИ»; семейство шрифтов: «Poppins», без засечек; позиция: абсолютная; осталось: 50%; верх: 50%; трансформировать: транслировать(-50%, -50%); белый цвет; размер шрифта: 16 пикселей; межбуквенный интервал: 1 пиксель; ширина: 100%; высота: 100%; радиус границы: 30 пикселей; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; фон: #8332AB; переход: все 0,5 секунды легкости; } .sns_btn:hover { фон: #FFF } .sns_btn:hover:before { верх: -50%; } .side_menu_options { цвет фона: #FFF; граница: #333 3 пикселя;