<分区>
我正在使用如下布局开发一个 3 栏网站:
<div id='left' style='left: 0; width: 150px; '> ... </div>
<div id='middle' style='left: 150px; right: 200px' > ... </div>
<div id='right' style='right: 0; width: 200px; '> ... </div>
但是，考虑到 <DIV>'s 的默认 CSS“位置”属性是“静态的”，我的<DIV>'s正如预期的那样，一个一个地显示在另一个下方。
所以我将 CSS 属性“position”设置为“relative”，并更改了“middle”和“right”的“top”属性<DIV>'s到 -(减去)前一个 <DIV> 的高度.它工作得很好，但是这种方法给我带来了两个问题:
1) 即使 Internet Explorer 7 正确显示三列，它仍然保持垂直滚动条，就好像 <DIV>'s一个放在另一个下面，内容结束后有很多空白。我想要那个。
2) 这些元素的高度是可变的，所以我真的不知道为每个 <DIV> 设置哪个值的“顶级”属性(property)；而且我不想对其进行硬编码。
所以我的问题是，实现此布局的最佳(简单+优雅)方式是什么？我想避免绝对定位，我也想保持我的设计无表格。