Css 使用float时div离开父级
我看不出我的问题在哪里。我尝试了多种方法,但仍然有同样的问题。正如标题所说,我将一个div转换成了一个div。当对孩子使用float时,他离开了parents div。尽管事实并非如此,但当设置边界来检查它时,我看到了这一点Css 使用float时div离开父级,css,Css,我看不出我的问题在哪里。我尝试了多种方法,但仍然有同样的问题。正如标题所说,我将一个div转换成了一个div。当对孩子使用float时,他离开了parents div。尽管事实并非如此,但当设置边界来检查它时,我看到了这一点 #feed{ margin: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; width: 70%; float: center; } .n
#feed{
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
width: 70%;
float: center;
}
.news{
margin:auto;
margin-top: 10px;
padding-bottom: 5px;
border: 1px solid;
}
.newsContent{
margin-top: 5px;
margin-left:5px;
margin-right:5px;
background-color:red;
}
.newsContent p{
margin-left: 5px;
margin-right: 5px;
}
.newsDate{
width: 20%;
margin-top: 5px;
margin-left:5px;
margin-right:5px;
float: right;
background-color:red;
}
.newsDate p{
text-align: center;
}
和我的html代码:
<div id="feed">
<div class="news">
<div class="newsContent">
<p> ici nouveauté </p>
</div>
<div class="newsDate">
<p> ici date </p>
</div>
</div>
</div>
谢谢。添加
<div style="clear: both;"></div>
在子div之后,在父div内部。这将清除应用于子div的浮点值,并应为您提供所需的效果。您正在寻找类似的内容吗? 这是因为浮动属性。你必须小心对待他们
#feed{
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
width: 70%;
float: center;
}
.news{
margin:auto;
margin-top: 10px;
padding-bottom: 5px;
border: 1px solid;
float:left;
}
.newsContent{
margin-top: 5px;
margin-left:5px;
margin-right:5px;
background-color:red;
float:left;
}
.newsContent p{
margin-left: 5px;
margin-right: 5px;
}
.newsDate{
width: 20%;
margin-top: 5px;
margin-left:5px;
margin-right:5px;
float: right;
background-color:red;
}
.newsDate p{
text-align: center;
}
将以下CSS规则添加到父元素。本例中的新闻将修复此问题: 溢出:隐藏
请看这里的预览:不,实际上我只是想让div在他的队伍中前进。前一个很好。然而,我相信我也需要你的;伟大的这篇文章似乎很好地解释了浮动,如果这有帮助的话-。