1

親divの中にdivがあり、コードを以下に示します

<div style="width:100%;height:400px;"><!--main_div-->
<div id="left_container" style="width:float:left;width:220px;height:1000px;"></div>
<div id="middler" style="float:left;width:800px;height:800px;background-color:#333;"></div>
</div><!--end_of_main_div-->

このコードはブラウザで完全に HTML 化されています

しかし、ブラウザのサイズを変更すると（ブラウザウィンドウの幅を変更すると）、div（middler）がメインのdivの下に奇妙に押し込まれます..なぜそれが起こっているのですか

このページのように、ブラウザのサイズを変更しても完全に拡大され
ます http://www.youtube.com/watch?v=YcpwaeP11pY

4

5 に答える 5

1

可能であれば、隣接する divfloat:leftのみをハグしようとするためです。div が最初の div の右側に配置されるという保証はありません。ブラウザウィンドウ内に十分なスペースがある場合にのみそうします。

「middler」というタイトルの div を他の div の右側に保持したい場合は、パーセンテージを使用するか、固定/絶対配置を使用する必要があります。

私の意見では、質問だけではあまり具体的ではありません。

2 行目の構文にもエラーがあります。

これ：

width:float:left;

本当にこれであるべきです：

float:left;

しかし、これはおそらくあなたの問題を解決しません。

于 2013-06-25T14:17:48.877 に答える
0

ブラウザーの幅が 1020px 未満の場合、両方のボックスを並べて収めるのに十分なスペースがなくなるため、どちらかを指定する必要があります。

于 2013-06-25T14:10:34.383 に答える