2つのフローティングdivをHTML/css

はじめに

は、特にゆったりとした距離を持っている場合、divで等しい距離を持っているとき、 1つの一般的な回避策はテーブルを使用することですが、このアプローチは意味的に適切ではない場合があります。 1つのアプローチでは、大きな底部パディングを設定し、負の底部の縁のあるパディングを無効にし、隠されたオーバーフローのあるコンテナでdivを囲むことを含みます。 オーバーフロー：隠し; 幅：100％; } ＃left-col { フロート：左; 幅：50％; 背景色：オレンジ; パディングボトム：500EM; マージンボトム：-500em; } ＃red-col { フロート：左; 幅：50％; マージン右：-1px; / * IE互換性の場合 */ 国境左：1pxソリッドブラック。 背景色：赤; パディングボトム：500EM; マージンボトム：-500em; }

htmlで、divコンテナと2つの子divを作成します：