HTML，CSS Box模型问题
HTML，CSS Box模型问题
提问于 2010-11-02 19:42:22
守则-
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“加载时没有任何内容，而只是将跨度的负载放在了它的边上。从外观上看，span正在从div中加载。我该如何纠正这个问题？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-11-02 19:46:05
只需将overflow属性添加到.feed_element
.feed_element
{
overflow: auto;
.... your css rules;
}CSS Floats
从html元素的正常流中取出浮动元素。默认的overflow值是可见的，它告诉浏览器允许内容可见，但内容流出容器边界。
Stack Overflow用户
发布于 2010-11-02 19:48:28
这是因为您对childs使用了float。如果孩子是浮动的，父母不会得到高度。您可以通过向最后一个子项添加clear或将feed_element设置为float来纠正此问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4077258
复制相关文章
相似问题
腾讯云开发者
