4

我有两个 div，它们看起来像这样：

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

在屏幕分辨率 x 中，这些按计划显示如下：

呸呸呸1

但是，在小于 x 的屏幕分辨率下，这些显示如下：

废话

废话1

这是一个宽度错误。我怎样才能让我的 div 调整宽度，这样就不会发生这种情况？我的宽度设置为百分比，而不是固定像素长度。

注意：如果可能，我需要一种使用自动宽度来解决此问题的方法。每页的内容都会发生变化，所以我无法设置百分比宽度......除非绝对必要！

4

1 回答 1

3

只需在第二个上设置一个边距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 回答