有沒有辦法在一個網頁上水平浮動4個元素

Question

我試圖自動化具有四個不同的列與HTML/CSS和Perl的窗體。有什麼辦法可以將頁面分成4個不同的水平部分，用浮動或其他html格式？

感謝您的幫助

Answer 1

使用float和對div的固定寬度：

<!-- Your html markup. The 4 columns as div elements--> 
<div></div> 
<div></div> 
<div></div> 
<div></div> 

// the css code for aligning the columns 
div{ 
    border:1px solid red; 
    margin:5px; 
    width:100px; 
    height:400px; 
    float:left; 
} 

Example

Answer 2

如果選擇浮動這些列，您需要將其指定爲display:block;與width爲他們每個人，使他們知道他們的邊緣在哪裏。如果您有一個固定寬度的網站，只需將它們的寬度設置爲該網站的25％，然後他們就會離開float。如果您不知道網站的寬度是多少，但您仍然希望列填充頁面，那麼在舊瀏覽器中會變得更加棘手。最好選擇第一個選項。