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

2023年5月22日 209次阅读

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

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

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

blah blah1

但是,在屏幕分辨率小于x时,这些看起来像这样：

blah

blah1

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

注意：如果可能,我需要一种方法来修复自动宽度.内容每页都有变化,所以我甚至无法设置百分比宽度….除非绝对必要!!

最佳答案 只需在第二个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>

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

上面的标记看起来像这样：

点赞