有没有办法在一个网页上水平浮动4个元素？

Question

我正在尝试使用html/css和perl自动化一个包含四个不同列的表单。有没有办法将页面分成4个不同的水平部分，使用浮动或另一种html格式？

谢谢你的帮忙

Answer 1

在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。如果您不知道站点的宽度是多少，但您仍然希望列填充整个页面，那么在较旧的浏览器中就会变得更加棘手。最好使用第一个选项。