HTML里無法顯示背景顏色的處理方法

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

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

2、高度不夠而產(chǎn)生背景無法顯示

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

css float浮動產(chǎn)生浮動無法顯示背景樣式顏色

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

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

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

原因分析：

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

解決方法：

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

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

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

怎樣讓DIV自適應(yīng)高度

怎樣用CSS隱藏圖片背景的文字內(nèi)容

以上就是HTML里無法顯示背景顏色的解決方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！