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 Floats

浮动元素从正常的html元素流中取出。默认溢出值是可见的，它告诉浏览器允许内容可见，但内容流到容器边界之外。

Answer 2

这是因为你正在为孩子们使用浮动。 如果孩子们漂浮，父母不会达到高度。你可以通过向最后一个孩子添加clear或者也将feed_element设置为float来纠正这个问题。