Html css浮动和填充
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5013683/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
css float and padding
提问by runeveryday
This is the HTML layout:
这是 HTML 布局：
<div class="wrap">
<div id="container">
<div id="left">...</div>
<div id="right">...</div>
</div>
</div>
I used the float: leftto the left div, and float: rightto the right div. Then, I used the padding-top: 10pxto the container. Why doesn't it work? thank you.
我使用float: left左侧的 div 和float: right右侧的 div。然后，我使用padding-top: 10px了容器。为什么不起作用？谢谢你。
This is my first style:
这是我的第一种风格：
.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;
}
回答by Kyle
When you float an element, it's effectively taking it out of the document flow, so adding padding to its parent won't have an effect on it. You could use margin-top: 10px;on both of your inner divs.
当您浮动一个元素时，它实际上将它从文档流中取出，因此向其父元素添加填充不会对其产生影响。您可以margin-top: 10px;在两个内部 div 上使用。
回答by Mahima
Put right floated div just before the float left div
将右侧浮动 div 放在浮动左侧 div 之前
