當我用這個的時候，背景色就起作用了

header {
        background-color: #bab615;

    }
    nav {
        background: #f96e5b;
        width: auto;
    }
    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 1;
        display: block;
        zoom: 1;
    }

但是，如果我在“導(dǎo)航ul”上添加一個浮點，例如:左浮點；然后，它使兩個元素的背景顏色都是白色的...為什么？

header {
        background-color: #bab615;

    }
    nav {
        background: #f96e5b;
        width: auto;
    }
    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 1;
        display: block;
        zoom: 1;
        float: left; <---This
    }

編輯:將#cssmenu改為nav，因為它是html中的導(dǎo)航 編輯# 2:jsfiddle.net/5vjor56y

聽起來你需要清除nav中的浮動元素。

您可以在css中這樣做:

nav {
  overflow: hidden;
}

這就是“clearfix”發(fā)揮作用的地方。這是實現(xiàn)上述目的的另一種方式:

.nav:after {
  content: "";
  display: table;
  clear: both;
}

clearfix可能是最好的方法，因為你不需要創(chuàng)建html元素來清除浮動元素。要深入了解為什么必須這樣做，請參閱這篇css技巧文章。

你需要清除浮體。

& ltdiv style = " clear:both；"& gt& lt/div & gt；

或者

& ltbr clear="all" />。

是兩種常見的方式。這應(yīng)該緊接在浮動元素的結(jié)束標記之后，即:

<nav>
    <ul>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    </ul>
    <div style="clear:both;">
</nav>

只需在父元素上隱藏溢出。它會為你工作。

overflow:hidden;