1

min-heightfloat:leftプロパティを子divに設定した後、親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/

事前に感謝します:)

4

2 に答える 2

1

従来の明確な修正の問題:
1)親をoverflow:hiddenに設定します。上記のように。唯一の問題は、コンテンツが親ボックスからこぼれるかどうかです。
2)私が使用したいもう1つの明確な修正トリックは、http://nicolasgallagher.com/micro-clearfix-hack/です。これはCherryのコメントに似ていると思います...

于 2013-03-19T19:01:02.680 に答える
0

できることは2つあります。1つは、クリアリング要素を追加することです(フローティング要素のclear: left有無にかかわらず)。clear: both

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

もう1つはoverflow: hidden、親divに追加することです。これは、divの高さを「引き下げる」効果があり、より高いフロートdivを囲みます。

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

これは、子divのにはまったく影響しないことに注意してください。

于 2013-03-19T17:17:16.447 に答える