Фон, ограниченный определенной высотой

Question

Я пытаюсь реализовать CSS-код, как показано ниже, но высота фона ограничивается определенной точкой сверху и не покрывает весь div. Как только я удаляю float: right или float: left, то он снова отображается правильно.

В чем может быть проблема?

#container3 { 
    background: #FE7400; 
} 


#third #area1 { 
     float:left; 
     width:550px; 
    } 

    #contactform { 
     width:300px; 
     float:right; 
    } 

Благодаря

Answer 1

Вы можете попробовать это в CSS- вашего Div в

overflow: auto; 

Если он все еще не работает, пытаясь угадать

min-height: 250px; 

или любого другого размера вы хочу дать. Может быть, это поможет!

Answer 2

Оцените свой код HTML, как показано ниже. container3

<div id="container3"> 
    <div id="third"> 
    <!-- YOUR CONTENT--> 
     <div id="area1"> 
     <!-- YOUR CONTENT--> 
     </div> 
    </div> 

    <div id="contactform"> 
    <!-- YOUR CONTENT--> 
    </div> 
</div> 

попробуйте добавить эту строку в CSS:

.clear{clear:both;} 

затем Ставить HTML код:

<div id="container3"> 
    <div id="third"> 
    <!-- YOUR CONTENT--> 
     <div id="area1"> 
     <!-- YOUR CONTENT--> 
     </div> 
    </div> 

    <div id="contactform"> 
    <!-- YOUR CONTENT--> 
    </div> 

    <div class="clear"></div> 
</div>  

Надеется, что это может исправить вас проблемой.