需要澄清CSS样式

Question

我需要一些关于CSS样式的清晰度。让我们创建一个简单的例子。我在页面顶部有一个header div容器。然后我用另外两个div标签填充此容器，logo div和menu div。

当我使用Firebug或在另一个浏览器中按F12来检查div标签，尤其是父div header时，我可以将鼠标悬停在代码上方，div元素会以彩色突出显示。

但是，当我将logo div CSS属性设置为float: left并将menu div CSS属性设置为float: right时，父div header，don'不再突出显示！尽管我将以下div元素CSS属性设置为clear: both。这样可以，或者我在CSS中做错了什么？如果我将一个hight设置为父div，它会再次突出显示。

当我无法突出显示元素时，CSS中是否有错误？当我使用CSS时，我常常会遇到这种“错误”。

Answer 1

将overflow:hidden或overflow:auto添加到父div的样式/类中，这将拉伸div，以便子div实际上位于其中。