Задать вопрос
g6736618
@g6736618
html

Как сделать, чтобы браузер правильно понял код?

В коде прописан главный блок (big_block), в который помещаются все остальные элементы сайта. Но из-за чего-то браузер считает, что в big_block входит лишь верхняя часть страницы и только.
Вот так google chrome видит размеры этого блока: b8ccaedd1e1e44a198ccfeb1ebec48d4.png
  • Вопрос задан
  • 450 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 3
@mr_ko
Javascript, Node.js. React.js, Vue.js, Wordpress
Такое происходит потому, что внутри блока есть элементы с float. Добавьте в файл стилей такой код:
#big_block:after {
    content: '';
    display: block;
    clear: both;
}
Ответ написан
Комментировать
Комментировать
batareika
@batareika
habrahabr.ru/post/142486

TL;DR
Стандартное поведение обтекаемых дочерних элементов (float: left). Родителю либо прописывается overflow: hidden/auto, либо применяется clearfix
Ответ написан
Комментировать
Комментировать
Petroveg
@Petroveg
Миром правят маленькие с#@&ки 
#big_block:after {
	content: "";
	display: block;
	clear: both;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Кастомизация стандартного функционала Битрикс24
25 апр. 2024, в 11:33
7000 руб./за проект
Обновить C# приложения с net4 до net8. Платформа для трейдинга
25 апр. 2024, в 11:33
2500000 руб./за проект
Монтаж ролика для инстаграм
25 апр. 2024, в 11:26
500 руб./за проект
Ещё заказы