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

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

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

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

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

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

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

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

原因分析：

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

解決方法：

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

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

相關閱讀：

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

怎樣讓DIV自適應高度

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

以上就是HTML里無法顯示背景顏色的解決方法的詳細內容，更多請關注php中文網其它相關文章！