古典的な CSS の問題 2: すべての子要素をフローティングにした後、親要素の高さが 0 になる問題を解決するにはどうすればよいですか? _html/css_WEB-ITnose

古典的な CSS の問題 2: すべての子要素が浮動小数点数になった後、親要素の高さが 0 になる問題を解決するにはどうすればよいですか?

1. 親要素にソリッドの高さを設定します。副作用: 子要素が動的データの場合、子要素の高さを決定できません。
2. 親要素に overflow:hidden を指定します。効果
3. 副作用のないコンテンツ生成セレクターの親要素に接尾辞を追加します。
.parent:after{
content:' ';
display:table;
clear:both;
}

ブートストラップグリッドレイアウトシステム

.コンテナ幅の問題:
特大画面、画面幅>1200px (): コンテナ幅 1170px
通常の大画面、画面幅 >992px (): コンテナ幅 950px
小画面、画面幅 >768px (): コンテナ幅 750px
超小型画面、画面幅 < 768px(): コンテナ幅 auto

.container-fluid width 問題:

幅は常に 100% です