三部分动态间距wo / Table和绝对定位

Question

我正在尝试在一个较大的div中放置3个div，使得中心一个宽度为800px，并且居中，另外两个填充剩余的空间。我不能使用表格，也不能使用绝对定位，因为我在下面的html必须在三个div之外但在更大的div内。我可以得到中心div：

.center-div {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

但我如何定位其他两个div？

<div id="outer">
    <div id="left-div"></div>
    <div id="center-div"></div>
    <div id="right-div"></div>
</div>

Answer 1

你可以尝试使用display: table-row;来获取内容div的容器display: table-cell;和div。您甚至可能需要使用display: table;的第二个容器 - 基本想法是在不使用table，tr和td的情况下模拟表格。

table-属性的所有display值都是specified in CSS 2.1，但我从未亲自测试过哪些浏览器支持它们。我打赌我的钱，虽然IE6将无法应付它。 ; - ）