Фоновый цвет в 'div' не работает

Question

Пытаясь покрасить фон div, содержащего изображения, мне удастся, только если я инкапсулирую нижний колонтитул в div, который я не хочу. Я только хочу, чтобы фоновый цвет применялся к разделу в div.

/* CSS */ 
 

 
    div#gallery_contain { 
 
     width: 850px; 
 
     margin: 0 auto; 
 
     padding: 0 5%; 
 
     background-color: #1a75ff; 
 
    } 
 

 
     footer { 
 
     clear: both; 
 
     text-align: center; 
 
    }

<div id="gallery_contain"> 
 
     <section> 
 
     </section> 
 
    </div>

Answer 1

Вы должны have some content in your div или specify height explicitly в вашем CSS для DIV, чтобы показать, с фоном.

Answer 2

Поскольку на вашей галерее нет высоты, фон не будет отображаться. Если вы установите высоту на DIV или добавите контент в DIV, будет отображаться фоновый цвет.

div#gallery_contain { 
    width: 850px; 
    min-height: 100px; 
    margin: 0 auto; 
    padding: 0 5%; 
    background-color: #1a75ff; 
} 

footer { 
    clear: both; 
    text-align: center; 
} 

ИЛИ

<div id="gallery_contain"> 
    <section> 
     This is the gallery. 
    </section> 
</div> 

Answer 3

Вы можете использовать display:block;. Или вы можете применить этот height:auto; width:auto;, когда там есть какой-то контент.