一个液体分度，一个固定尺寸的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

回答

相关问题