布局如上，container为父布局，其余全部为子布局，当我的子布局header设置的宽度超过container设置的宽度时，代码如下：
#container{
width: 820px;
height: auto;
background: white;
margin:0 auto;
background: yellow;
}
#header{
width: 840px;
height: 50px;
background: green;
margin: 10px 0px 0px 10px;
}会发生如下情形：
可以看到绿色的部分已经超出了***部分，如果并排的两个子布局总宽度超过了父布局的宽度，则会发生右边的布局会自动排到左边布局的下面，代码如下：
#left{
width: 200px;
height: 200px;
background: red;
float: left;
margin: 10px 10px;
}
#rigt{
width: 600px;
height: 200px;
background:blue;
float: left;
margin: 10px 10px;
}这里左布局宽度200px，右布局宽度600px，加上margin的边距一共是830px，超过了父布局的820px，所以出现的情形是这样的：
可以看到右布局排在了左布局的下面。本次博文就写到这里，希望大家可以支持。
创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。
当前标题：关于css布局中margin，padding在整个布局中使用的一些细节-创新互联
标题网址：http://bjjierui.cn/article/ccjidi.html
