Question

我将min-height属性设置为其子div后，

float:left不适用于Parent Div。

你可以帮我吗？

<style type="text/css">
*{ margin: 0 auto; padding: 0; }

 #wrapperd{
 width : 500px;
 border : 1px solid red;
 min-height:200px;
 }

 #test {
 border:2px solid blue; 
 width:600px; 
 float:left; 
 height:500px;

  }
 </style>

HTML代码

 <div id = "wrapperd"> <!-- Parent Div -->
 <div id = "test"> </div> <!-- Child Div -->
 </div>

演示链接： - http://jsfiddle.net/rushijogle/cFX68/2/

提前的Thanx：）

Answer 1

经典清晰修复问题：
1）将父设置为overflow：hidden;如上所述。唯一的问题是，是否有任何内容会溢出父框 2）我喜欢使用的另一个明确的修复技巧是：http://nicolasgallagher.com/micro-clearfix-hack/我认为它类似于Cherry的评论......

Answer 2

你可以做两件事。一种是在浮动元素之后添加清除元素（clear: left或clear: both。

http://jsfiddle.net/ExplosionPIlls/cFX68/3/

另一种是将overflow: hidden添加到父div，其效果是“拉”div的高度，使其围绕较高的浮动div。

http://jsfiddle.net/ExplosionPIlls/cFX68/4/

请注意，这对子div的 width 没有任何影响。

最小高度不适用于父母Div

2 个答案: