保证金崩溃无效

用户名

我正在尝试创建一些布局,但是我遇到了问题。我知道保证金崩溃的概念,所以我用了这个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章