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

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元素并保留内部内容。

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

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