当窗口大小变化时保持元素的位置

Question

我有两个元素，一个段落和div与img里面，使用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元素并保留其中的内容。

我每次浮动图像时都会使用这个清理类。

如果您需要更深入的解释让我知道。