三部分动态空间我/表和绝对定位

我想在一个较大的div中放置3个div，使得中心宽度为800px，居中，另外两个填充剩余空间。我不能使用表格，也不能使用绝对定位，因为我有下面的html，必须在三个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>

2010-08-30 skeggse

发布您的html标记，至少是它的一个样本。和包含更大的div，是100％的视口？ – 2010-08-30 20:01:50

侧边div可以浮动到左侧和右侧，但如果外侧div可以是任何宽度，我不会看到如何不使用JavaScript来获得宽度并相应地设置侧边div的宽度。您是否在寻找div的底部排列？ – ngroot 2010-08-30 20:13:53

包含较大的div是视口的100％。 – skeggse 2010-08-30 20:20:02

您可以尝试display: table-row;乱搞的容器div和display: table-cell;为内div秒。您甚至可能需要第二个包含display: table;的容器 - 基本思路是不使用table,tr和td来模拟表格。

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

2010-08-30 20:16:45 igor

我想我不想使用表或任何等效的东西。 – skeggse 2010-08-30 20:43:27

你不会*使用*表格，而是*模拟表格的行为*。 – igor 2010-08-31 04:23:13

但它是等效的。 – skeggse 2010-08-31 18:45:24

回答