Question

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

感谢您的帮助

Answer 1

在div上使用float和固定宽度：

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

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

2 个答案: