三部分動態空間我/表和絕對定位

我想在一個較大的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

回答