當窗口大小變化時保持元素的位置

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元素並保留其中的內容。

我每次浮動圖像時都會使用這個清理類。

如果您需要更深入的解釋讓我知道。