首頁 > web前端 > html教學 > HTML裡無法顯示背景顏色的解決方法

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

php中世界最好的语言
發布: 2017-11-29 11:14:00
原創
6368 人瀏覽過

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

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

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

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

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

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

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

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

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

原因分析:

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

解決方法:

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

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


相關閱讀:

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

怎麼讓DIV自適應高度

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板