如何在浏览器中调整div的大小？

Question

我有2个div ...每个都是向左浮动的，每个都有一个“宽度”。

当我调整浏览器大小时，右边的div会显示在左边div的底部。为什么？我希望它能在调整大小期间保持不变。

Answer 1

有很多解决方案。保留现有浮动布局的解决方案：

将这两个div包含在父div中，其中宽度设置得足够宽以容纳这两个div。

它们是“包装”因为你将它们标记为浮动元素，当它们的父容器变得太小而不能将它们放在同一“线”上时，第二个弹出下面，就像文本一样。

Answer 2

您可能会使浏览器宽度太小，以使两个浮动的div并排。

防止这种情况的一种方法是将它们包装在具有固定宽度或最小宽度的较大语义div中。或者，简单地给身体本身一个最小宽度。 IE 6不支持最小宽度，只需设置IE6的宽度，它就会将其视为最小宽度。

Answer 3

将宽度设为“50％”