父元素中沒有包含浮動元素的背景

美好的一天每個人。我用CSS新手，我想一個div標籤內浮動2個div標籤，但我發現了以下父元素中沒有包含浮動元素的背景

Screen shot of problem

我給父div標籤淺灰色的背景，所以我知道在我浮動div標籤之後背景已經消失的某處出了問題。

這是我的css下面。

.menu.container { 
    width: 100%; 
    background-color: #F0F0F0; 
} 

.category { 
    float: left; 
}

非常感謝您的幫助！

即使這會幫助你http://stackoverflow.com/questions/12871710/why-clear-both-css/12871734#12871734 –

你可以使用波旁或sass來簡化css的實現。你可以看看這個視頻是多麼容易，這是建立CSS。 https://www.youtube.com/watch?v=8ItNE_DX6Cc –

當浮動元素父容器沒有收到有關浮動元素的寬度或高度的信息。

，如果你只是要對齊體育和新聞在horizinal方式請嘗試以下：

.category { 
    display:inline-block; 
}

「顯示：inline-block的」形成了上有另外一個線的塊元素。

2014-05-10 12:29:18

非常感謝Martin！ –

回答