Цвет фона не работает в обертке

Question

по какой-то причине я не могу заставить мой рабочий класс работать (фон остается отчаянно белым), знаете ли вы, почему? Благодаря 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; 
} 

Answer 1

Определить высоту wrap980px. Пока его 0. Пример:

.wrap980px { 
    margin: auto; 
    width: 980px; 
    height: 150px; 

} 

http://jsfiddle.net/wWLz4/1/

Answer 2

Или, наоборот, добавить:

.wrap980px { 
    overflow: hidden; 
    ... 

Есть два плавающих элементов в контейнере <div>, так что эффективно имеет высоту нуль. Вы можете добавить фиксированную высоту, как уже было предложено, или использовать трюк oveflow: hidden;.

Answer 3

Try This

.wrap980px { 
    margin: auto; 
    width: 980px; 
    overflow:auto; 
} 

Или

.wrap980px { 
     margin: auto; 
     width: 980px; 
     float:left; 
    } 

Answer 4

Использование:

<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> 

Или используйте Alternativly:

.wrap980px{ overflow:hidden}