我有两个 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>
...它每次都会填满所有额外的空间。
上面的标记看起来像这样:
关于CSS float left div 以较小的屏幕分辨率位于下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13337814/