Question

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

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

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

blah blah1

但是，在屏幕分辨率低于x时，它们看起来像这样：

嗒嗒

blah1

这是宽度错误。如何让我的div调整宽度，这样就不会发生？我的宽度设置为百分比，而不是固定像素长度。

注意：如果可能，我需要一种方法来修复自动宽度。内容每页更改，因此我甚至无法设置百分比宽度....除非绝对必要!!

Answer 1

只需在第二个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>

......每次都会填满所有额外的空间。

上面的标记如下所示：

enter image description here

CSS浮动左侧div以较小的屏幕分辨率进入下方

1 个答案: