レイアウト、BFC、マージンの崩壊との合併では、古典的なバグ

         CSSの崩壊マージンを加えた他の構成の変更は、親がBFCになり

    組み合わせマージンが縦に結合している2人の兄弟間のマージン、構造を変更しないでください、より多くの兄弟を支払うために最上位のピクセルであります

 

 

      生成※フロートフローティングフロー、ブロックレベル要素を参照し、それらを参照してください(SO 2つのボックスを、同じ行であろう)BFC土類元素及びテキスト要素を生成し、そしてテキストが浮動要素を見ることができます

 

         BFC是ブロック形式のコンテキスト   

 

      ※HTMLにCSSでの通常のルールがボックスとして各要素をと思うが、さらにすべてのボックスはまったく同じ構文規則をレンダリングのセットを持っていると信じているので、私たちはすることができます

        ルール変更をレンダリングする特殊な箱を作るためにいくつかの手段で   

 

 

       :位置/フロート/表示:インラインブロック。/オーバーフロー:隠されました;

 

           あなたの開発ニーズに適した必要性を選択

 


 

                  学習プロセスでは、遊びが実際に中国人学生のための簡単ではありませんでしたどのように柔軟な、我々は思考の固定モードに慣れています、

                  多くの生徒が生じ影響を受けた幼児教育は、仕事や他のeverthingは同じ規格であり、

                  人材育成モードが同じ人に私たちを置くためには?あなたと同じですか?答えは、間違っています

レイアウト

      表(テーブル)レイアウト- >フロート(フロート)レイアウト- > 位置(位置決め)レイアウト- >フレックス(弾性)レイアウト- >グリッド(格子)レイアウト(まだ正式に開始されていません)

       過去形になるためにはフロートが、敬意を表して、またはこの問題について話をする、余裕の崩壊の問題

      :最初のフロートで、ページレイアウトに使用されるべきではなく、グラフィック情報解決するために写真やテキストの競合に尋ねた画像とテキストの折り返しの効果を達成するために、問題を

      ;親要素は、フローティング要素が場合、親要素、子要素がフロート内部ホールドアップ子要素ので、高さが非常に0となる高さに設定されていない場合、親保持できない

      :クリア; =「」擬似要素、コンテンツと、解決する方法  の両方;表示:ブロック; 擬似要素レベルの要素は自然に浮遊要素を削除するために行されるブロックレベルのでディスプレイを追加している。ブロック。

       そして、列に位置内部フロートシステム・レベルのブロック要素をプレイ

    

ストリームのビットストリームを、フローティング、通常のストリーム:ページの要素は、一般に分けます。

浮動ボックスモデルレイヤモデルモデル:ページのモデルが分かれています

      

  


      

     参照:  https://www.jianshu.com/p/795d070e62f5

     参照:https://www.bilibili.com/video/av35978534/?p=6は  弟に交差

おすすめ

転載: www.cnblogs.com/apelles/p/11765014.html