爲什麼我的背景顏色沒有被應用？

-2

我在努力解決爲什麼我的background-color沒有出現。我猜這與浮球有關，但我不確定爲什麼或是什麼原因造成的。爲什麼我的背景顏色沒有被應用？

社會圖標是浮動的，所以家長有沒有內容/盒 – cox

你先嚐試尋找答案？使用「CSS浮動背景」帶來了很多相關結果。 – cimmanon

第一個結果是從2012年開始，第二個從2013年開始。我本可以最終弄明白的，但誰知道2012年以來發生了什麼變化，第一對夫婦與我的獨特情況並不相關。我更喜歡在這裏問，所以有一個更新的答案，可以幫助未來的人。 – ClaytonDaniels

您需要關閉#header-social之前添加

<div style="clear:both;"></div>

。

2014-02-11 19:23:17

+1只需清除http://jsfiddle.net/K4Sw9/2/ ...不需要高度刪除該選項。使用高度是假的解決方案不正確的路要走。 – DaniP

明白了，謝謝！結算做了伎倆。 – ClaytonDaniels

@Danko我同意你的意見。編輯出來。 –

-1

只給一個高度。像這樣：

#header-social { 
    background-color: #111; 
    height: 125px; 
}

#header-social-inner:after { 
    display:block; 
    clear:both; 
    content:'';  
}

您可以添加一個pseduo元素並清除兩個元素，因此您不必更改標記。

其實，我很喜歡這更好：

#header-social:last-child:after { 
    display:block; 
    clear:both; 
    content:'';  
}

2014-02-11 19:27:59

回答