Теги DIV неправильно вложены

Question

Я создал несколько тегов <div> и устанавливаю, чтобы он содержал два тега <div>, которые расположены по обе стороны от <div>.
Когда я попытался установить цвет фона, я заметил, что содержащий <div> неправильно оборачивается вокруг <div> s, которые он должен содержать. Я хотел бы знать, почему это происходит.

Я видел подобный вопрос здесь Почему эти теги Div не вкладываются должным образом? , но никто не объяснил, почему это происходит в любом из ответов.

Answer 1

Когда вы перемещаете внутренние элементы div, вы извлекаете их из обычного потока документов, поэтому в основном содержащийся элемент div не имеет содержимого и высоты.

Вы можете решить это, добавив:

overflow: hidden;

к внешнему div (только одно возможное решение).

Answer 2

Добавить style="overflow:hidden;width:100%" к содержащемуся div

Я думаю, что style="overflow:hidden;" достаточно для большинства браузеров. Кажется, я помню, что некоторые IE нуждались в установке ширины.