我正在尝试创建一些布局,但是我遇到了问题。我知道保证金崩溃的概念,所以我用了这个HTML代码
<div class="container">
<div class="left"></div>
<div class="right"></div>
<div>
这是我的CSS代码
.container{
width:1080px;
margin:0 auto;
background:red;
overflow:hidden;
}
.left{
background:yellow;
width:510px;
height:200px;
float:left;
margin:20px;
}
.right{
background:blue;
width:510px;
height:200px;
float:right;
margin:20px;
}
但我的代码无法正常工作。我有上面的输出,但我想得到两个div内联http://jsfiddle.net/Cp2Bq/
所以我想知道为什么利润率崩溃在我的代码中不起作用。
所以我想知道为什么利润率崩溃在我的代码中不起作用。
发生这种情况是因为它们不在正常流程中。规格说明如下:
法向流中块框的两个或多个相邻的垂直边距崩溃
而且,从本规范的float可以看出:
由于浮动中没有浮动,因此在浮动框之前和之后创建的未定位块框将垂直流动,就好像该浮动不存在一样。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句