崩壊の高さを解決する方法

  こんにちは友人は、私がああ再度行きます!右側には、今日の話題は、それが崩壊の高さです。

  あなたは最初の崩壊の高さが何であるかを知っている必要があります。実際には、親要素が高さを決定するようにされていない場合(すなわち、親要素の高さは、サブエレメントによって下支え)崩壊の高さを意味し、フローティングサブ要素を追加して、コンテンツが親要素、高度に崩壊が発生している親要素の高さを支えることができません。

  ソリューション:

    まず、オープンBFC要素、要素は、以下の特性があります:
          外部からの垂直1.親要素のサブ要素に重なっていない
          浮動素子によって覆われていない2. BFC要素
          開口よいBFC 3.要素を浮動含む子要素

BFCの属性要素の道を開きます。

 ;隠された:まず、親要素、透明フロートオーバーフローにステートメントを追加し
  、それが一般的に推奨されていないが、このアプローチの親要素の幅が失われ、この方法は、他の構造的な問題が発生する以下の要素をシフトにつながることができます。
 第二に、位置決め要素設定

 表示に設定三つの要素:インラインブロックを、あなたはまた、問題を解決することができますが、幅が失われますが、この方法を使用することをお勧めしません
 

    第二に、子要素の後ろに空のdivを追加浮かべ、その要素のdivのスタイルに追加します。

このdiv要素が浮いていないので、彼は親要素の高さを伸ばすことができ、以来23 * 
24 *、その後、親要素の空のdivの高さにより軟化させることができるフロート、それらを削除
25 *基本的にノー副作用
      .boxWrap .CON { 
          クリア:両方。高さ:0; オーバーフロー:隠されました;
        }
 
      <DIV CLASS = "boxWrap">
          <P> </ P>
          <P> </ P>
          <P> </ P>
          <P> </ P>
          <DIV CLASS = "詐欺"> </ div>
      </ div>

    第三に、ユニバーサル透明フロートプロセス:

      .boxWrap:後{
            コンテンツ:"。";
            表示ブロック;
            クリア:両方;
            高さ:0;
            オーバーフロー:隠されました;
            可視性:隠されました;
        }
 
      <DIV CLASS = "boxWrap">
          <P> </ P>
          <P> </ P>
          <P> </ P>
          <P> </ P>
      </ div>
 
  この方法はなく、問題を解決するために、親要素の構造とスタイルを、新たな問題を作成しない乱さないように、最適なソリューションであるため、あなたが使用されている最も推奨される方法です。
 

 OK、ここに方法の高さの崩壊に対処するためにあなたが他の良い方法を持っている場合は、あなたと共有するために一緒に来て歓迎し、上に導入されました!

おすすめ

転載: www.cnblogs.com/momeak/p/10992950.html