HTML裡無法顯示背景顏色的解決方法

今天給大家解決一個小問題，對於很多新手來說，有時候佈局的背景顏色總是無法顯示，我總結了倆個問題，下面給大家舉例解答

一般佈局背景無法顯示通常原因如下：

1、由使用float浮動造成浮動產生無法顯示css背景顏色

#2、高度不夠而產生背景無法顯示

接下來我們分別介紹無法顯示背景顏色或圖片的原因和解決方法。

css float浮動產生浮動無法顯示背景樣式顏色  

#假設對一個物件設定了background背景顏色樣式，該物件內部盒子有使用float浮動屬性樣式，這個時候該物件浮動產生，導致該物件不能撐開，所以css背景顏色就不能無法顯示，解決方法有三種，一個是設定clear清除浮動、設定css高度、設定css overflow樣式。

詳細教學可進入：css清除浮動

高度限製造成了背景顏色不能顯示完整 

原因分析：

假如你有個物件沒有計算好高度（或無意設定了一個很小高度屬性樣式），因為不確定內容有多少，當內容超過你設定高度限制，這個時候超出部分背景就可能無法顯示。

解決方法：

設定夠高的高度，或取消刪除高度樣式即可。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

用DIV和CSS做一個實線邊框的紅色盒子

怎麼讓DIV自適應高度

怎麼用CSS隱藏圖片背景的文字內容

以上是HTML裡無法顯示背景顏色的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！