0

最も単純な形式では、問題は次のようになります。画面いっぱいに 2 つの div (Ldiv と Rdiv) があります。幅はそれぞれ 60% と 40% で、高さはコンテンツの量によって異なります。Ldiv は左に浮動し、Rdiv は右に浮動します。問題は、ウィンドウを狭くして Rdiv を Ldiv に対してプッシュすると、Rdiv の幅を 40% ではなく 35 ～ 39% にしない限り、Rdiv の右マージンが失われるように見えることです。両方を囲んでいる div コンテナー内にラップしようとしましたが、うまくいきませんでした。

divの1つ（Ldivなど）を固定幅にすることでこれを修正できますか（この場合、レイアウトは完全に流動的ではありませんが、それほど重要ではありません）？ここで、これが進むべき道であると言う多くの投稿を読みましたが、なぜそうすべきかわかりません。他の多くの人は、2 つの div だけで両方ともフローティングする必要があると言っていますが、フローティング以外の代替手段はありますか?

ありがとう

4

1 に答える 1

0

コードを見ずに本当の答えを出すことはできませんが、div や body 要素にはまだマージンとパディングがあると思います。したがって、結果として、40/60% の合計は 100% になりません。これを「削除」できます

body, #Ldiv, #Rdiv {
  padding:0;
  margin:0;
}
于 2012-05-28T11:32:55.890 に答える