div為什麼顯示不出顏色

A. css設置背景顏色了，為啥沒出來，在設計里有，在網頁中就沒有求解

部分情況下不排除代碼不規范造成的IE瀏覽器不兼容問題，你可以使用下谷歌瀏覽器、火狐瀏覽器進行下對比，另外也可能有布局不合理的情況，可以參考下下面的情況：

背景顏色不顯示的原因主要有以下幾個方面：

1. css沒有被調用

2. div的高度沒有固定，是auto、沒有設值或者高度不夠

3. div被嵌段野野套

4. div代碼不規范

解決辦法：

- DIV高度為自動，背景顏色無法顯示，在代碼中將原代碼height:auto; 改為height:100%; overflow:hidden;!important；同時還可以兼容 IE6、7、8和谷歌火狐。

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

- 高度限製造成了背景顏色不能顯示完整，假如你有個對象沒有計算好高度（或無意設置了一個很小高度屬性樣式），因為不確定內容有多少，當內容超過你設置高度限制，這個時候超出部分背景就可能無法顯示。設置夠高的高度，或取消刪除高度樣式即可。

案例：

<divstyle="width:960px;background-color:#000000">
<divstyle="width:300px;height:200px;float:left">左側</div>
<divstyle="width:300px;height:200px;脊枝float:left">中部</div>
<divstyle="width:360px;height:200px;float:left">右側</div>
</div>

因為外層的div沒有設置高度，所以設置如上代碼之後，看到的是三個透明的方框，

正確代碼如下：

<divstyle="width:960px;height:200px;background-color:#000000">
<divstyle="width:300px;height:200px;float:left">左側</div>
<divstyle="width:300px;height:200px;float:left">中部</div>
<divstyle="width:360px;height:200px;float:left">右側</div>
</div>

B. html div 背景顏色無顯示

乍一看：從你的代碼中看確實沒有啥問題，啟和那我覺得你把這個html文件通過瀏覽器重新打開一下，看看是不是打開錯了文件呢。而且這種行內樣式級別很高，也不存在被其他樣式覆蓋。
其實：你這個錯誤也是很多人喜歡犯錯誤的地方，就是細節沒注意到，比如單詞寫錯了，標簽沒有寫結束標簽指旁仿等等。

你把背景的單詞寫成了backgroud，其實是background。

<div style=「background: red」></div>唯纖