4

2 つの div があり、次のようになります。

<div style="float:left;">blah</div>
<div>blah1</div>

画面解像度 x では、これらは次のように計画どおりに表示されます。

何とか何とか1

ただし、x 未満の画面解像度では、これらは次のように表示されます。

何とか

何とか1

これは幅のエラーです。これが起こらないように、div の幅を調整するにはどうすればよいですか? 私の幅は、固定ピクセル長ではなく、パーセントで設定されています。

注: 可能であれば、自動幅でこれを修正する方法が必要です。コンテンツはページごとに変わるので、パーセント幅を設定することさえできません....絶対に必要でない限り!!

4

1 に答える 1

3

2番目にマージンを設定するだけdivです:

<html><head></head><body>

<div style='float:left;width:200px;background:yellow'>First Div</div>

<div style='margin-left:200px;background:orange'>Second Div</div>

</body></html>

...そして、毎回余分なスペースをすべて埋めます。

上記のマークアップは次のようになります。

ここに画像の説明を入力

于 2012-11-12T03:01:54.923 に答える