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

Question

我有两个元素，一个段落和一个 div，里面有 img，并排使用浮动。

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

有没有办法纠正这个问题而不需要调整像素（相对左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 元素并保留其中的内容。

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

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