[英]Background color not working in a wrapper
出於某種原因,我無法使班級的blueback正常工作(背景仍然非常白),您知道為什么嗎? 謝謝http://jsfiddle.net/wWLz4/
<div class="wrap980px blueback clear">
<div id="block-left">
<h2>dfd</h2>
</div> <!-- End DIV block-left -->
<div id="block-right">
jhjh
</div> <!-- End DIV bloack-right -->
</div> <!-- End DIV 980pxWrap -->
的CSS
.wrap980px {
margin: auto;
width: 980px;
}
.blueback {
background: #006DB8;
}
#block-left {
float: left;
padding: 10px;
width: 470px;
}
#block-right {
float: right;
padding: 10px;
width: 470px;
}
.clear:after {
clear: both;
}
或者,添加:
.wrap980px {
overflow: hidden;
...
容器<div>
有兩個浮動元素,因此其有效高度為零。 您可以按照建議的那樣添加固定的高度,也可以使用oveflow: hidden;
特技。
嘗試這個
.wrap980px {
margin: auto;
width: 980px;
overflow:auto;
}
要么
.wrap980px {
margin: auto;
width: 980px;
float:left;
}
定義wrap980px的高度。 現在為0。示例:
.wrap980px {
margin: auto;
width: 980px;
height: 150px;
}
采用:
<div class="wrap980px blueback">
<div id="block-left">
<h2>dfd</h2>
</div> <!-- End DIV block-left -->
<div id="block-right clear">
jhjh
</div> <!-- End DIV bloack-right -->
</div>
或交替使用:
.wrap980px{ overflow:hidden}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.