水平放置5格

Question

我想要放置五個相同大小的水平div容器，彼此相鄰。到目前爲止，我設置的位置和大小明確：

#container1{position:absolute; top:0px; margin:20px 0 0 5px; width:260px; height:90%; padding:0 10px;} 
#container2{position:absolute; top:0px; margin:20px 0 0 270px; width:260px; height:90%; padding:0 10px;} 
#container3{position:absolute; top:0px; margin:20px 0 0 535px; width:260px; height:90%; padding:0 10px;} 
#container4{position:absolute; top:0px; margin:20px 0 0 800px; width:260px; height:90%; padding:0 10px;} 
#container5{position:absolute; top:0px; margin:20px 0 0 1065px; width:260px; height:90%; padding:0 10px;} 

但我希望用戶使用不同的屏幕尺寸看到整個網頁，而無需滾動。我可以將每個div的寬度設置爲20％，但是如何定位它們？

非常感謝您

Answer 1

您可以使用floating position即http://jsfiddle.net/aK7Lv/

標記

<div class="floating">1</div> 
<div class="floating">2</div> 
<div class="floating">3</div> 
<div class="floating">4</div> 
<div class="floating">5</div> 

的CSS：

.floating{ 
    float:left; 
    width:20%; 
    background:red; 
    height:200px; 
} 

Answer 2

只需使用float屬性。

#yourDiv 
{ 
    margin:0; 
    padding:0; 
    width:20%; 
    float:left; 
}