css浮动和填充
提问于 2011-02-16 07:31:47
这是HTML布局：
<div class="wrap">
<div id="container">
<div id="left">...</div>
<div id="right">...</div>
</div>
</div>我在左边的分区中使用float: left，在右边的分区中使用float: right。然后，我使用了容器的padding-top: 10px。为什么不动呢？谢谢。
这是我的第一个风格：
.wrap {
float: left;
width: 1000px
}
#container{
background-color: #FFFFFF;
padding: 10px 10px 0;
width: 980px;
float: left;
}
#left {
float: left;
width: 670px;
}
#right {
float: right;
width: 300px;
}
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-02-16 07:36:23
当您浮动一个元素时，它实际上是将它从文档流中移出，因此向它的父元素添加填充不会对它产生影响。您可以在两个内部div上都使用margin-top: 10px;。
Stack Overflow用户
发布于 2011-02-16 08:11:16
将右浮动div放在浮动左div之前
Stack Overflow用户
发布于 2021-11-23 00:48:49
使用flex并对齐内容之间的空格，而不是使用浮动
#container{
background-color: #FFFFFF;
padding: 10px 10px 0;
width: 980px;
display: flex;
justify-contents: space-between;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5013683
复制
腾讯云开发者
