HTML, CSS Box модель вопрос

Question

Код -

while($row=mysql_fetch_array($result))  
                { 

            <div class="feed_element">  
            <span class="feed_title">  
                <?php echo $row['user_id'];?>  
            </span>  
            <span class="feed_content">  
                <?php echo $row['feed_content']; ?>  
            </span>  
            </div>

CSS -

.feed_title  
{  
    background-color: #fed100;  
    min-width:100px;  
    float: left;  
}  
.feed_content  
{   
    float: left;  
    min-width: 270px;  
}  
.feed_element  
{  
    border-bottom-style: solid;  
    border-bottom-width: 10px;  
}  

Проблема - div class = "feed_element" загружается без какого-либо содержимого, но только с границей.это и на этом.Из того, что выглядит, промежутки загружаются из div.Как мне исправить эту проблему?

Answer 1

просто добавьте свойство переполнения в .feed_element

.feed_element
{
  overflow: auto;
  .... your css rules;
}

---

CSS-плавающие

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

Answer 2

это потому что вы используете float для childs. Родитель не получает высоту, если дочерние элементы плавают. Вы можете исправить это, добавив clear к последнему дочернему элементу или установив в feed_element значение float.