Нужна ясность в отношении стилей CSS

Question

Мне нужна ясность в отношении стилизации CSS. Давайте создадим простой пример. У меня есть контейнер header div в верхней части страницы. Затем я заполняю этот контейнер двумя другими тегами div, logo div и menu div.

Когда я использую Firebug или нажимаю F12 в другом браузере, чтобы проверить теги div, и особенно родительский div header, я могу навести курсор над кодом, и элементы div будут выделены цветом.

Но когда я установил CSS свойство logo Div в float: left и на CSS свойство menu Div в float: right, родительский DIV header, не получают особо больше! Несмотря на то, что я установил следующее свойство CSS элемента div для clear: both. Это нормально, или я делаю что-то неправильно в своем CSS? Если я установил высоту родительскому div, он снова подсвечивается.

Есть ли ошибка в CSS, когда я не могу выделить элемент? Часто я получаю такие «ошибки», когда использую CSS.

Answer 1

Добавьте overflow:hidden или overflow:auto в класс/класс родительского div, который растянет div так, чтобы дочерние divs действительно сидели внутри него.