我在另一个<div>有一个浮动<div> ,包含div有一个黑色边框...

问题是浮动的<div>实际上并没有占据它的高度(大约600px)左右,因此带边框的包含<div>最终高达20像素高,边框直接通过内部div 。

我如何让内部div占据它应该占据的空间,同时仍然让它浮动?

这是我的来源:

<div style="border:1px solid black">
    <div style="float:left;height:200px;"></div>
</div>

===============>>#1 票数:20 已采纳

使用micro-clearfix方法:

<div style="border:1px solid black" class="cf"> 
  <div style="float:left;height:200px;"> 
  </div> 
</div>

CSS

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
  *zoom: 1;
}

  ask by raybob95 translate from so

未解决问题?本站智能推荐: