一個液體分度，一個固定尺寸的div

我試圖建立具有固定寬度的div和它旁邊的液體寬度DIV的佈局：一個液體分度，一個固定尺寸的div

<div id="main" style="width:100%; height:500px; background-color: #ccc;"> 
    <div id="right" style="float: right; width:100px; height:500px; background-color: red;"> 
    </div> 
    <div id="left" style="float: right; width: auto; height:500px; background-color: orange;"> 
    </div> 
</div>

左側DIV未完全填滿其寬度，還我當這個div不存在時，想要這個div填充整個主div，我該怎麼做？

來源

2010-02-25 datisdesign

我想你想要的東西更像是

<div id="main" ... > 
    <div id="right" style="float: right; width: 100px;"> Will take up 100 px </div> 
    <div id="left" style="margin-right: 100px;"> Will take up the rest </div> 
</div>

來源

2010-02-26 00:02:42 levik

日Thnx。它現在的工作，但是當我在這個方法中刪除正確的div時，是否可以使左邊的div寬度填滿整個主div？ – datisdesign 2010-02-26 00:22:03

@Datis：可能只有一個javascript事件，CSS中沒有if/else可以允許應用條件邏輯（除非它在CSS3中，我還沒有遇到它）。 – 2010-02-26 00:25:48

所以在這種情況下，我應該使用表或只是用另外的HTML文件寫另一個CSS規則？ – datisdesign 2010-02-26 00:29:38

一個液體分度，一個固定尺寸的div

回答

相關問題