当窗口大小改变时保持元素定位

Question

我有两个元素，一个段落和一个带有 img 的 div，并排使用 float。

当前，当浏览器窗口缩小时，图片会在段落下方折叠。我想定位：固定，但这只是将现有段落上的图像向左移动。

有没有办法在不借助调整像素（相对左 x00 等）的情况下纠正此问题

Answer 1

试试这个...

[HTML]

<div id="mainWrapper">
 <div id="element1"></div>
 <div id="element2"></div>
 <div class="cleaner"></div>
</div>

[CSS]

.cleaner{clear: left; line-height: 0; height: 0;} 
#mainWrapper{width: 500px;}
#element1{width: 100px; height: 50px;}
#element2{width: 400px; height: 100px;}

这是一个简单的例子，但我要做的是创建一个元素包装器。接下来，我会将其设置为预先确定的宽度。如果你愿意，你也可以设置高度。然后当窗口调整大小时，它将保存 mainWrapper 元素并保留里面的内容。

每当我浮动图像时，我都会使用清洁器类。

如果您需要更深入的解释，请告诉我。