如何使内部左div占用100％减去“右侧固定宽度div”

Question

我想要正确的div有一个固定的宽度，左边的div拿起框内的一切。

<div id='outer' style='width:100%'> 
<div id='inner1'></div> 
<div id='inner2'></div> 
</div> 

Answer 1

可能有这样做的更好的办法，但这可能会达到你想达到什么：

#outer { 
    background-color: red; 
} 

.clear { 
    clear:both; 
} 

#inner1 { 
    background-color: red; 
    margin-right:200px; 
    float:left; 
} 

#inner2 { 
    float: right; 
    width: 200px; 
    margin-left: -200px; 
    background-color: blue; 
} 

结合

<div id='outer' style='width:100%'> 
<div id='inner1'>Foo</div> 
<div id='inner2'>Bar</div> 
<div class='clear'></div> 
</div> 

所以，虽然这并未实际上并没有让左边的那个占据剩下的空间，它不会侵占右边的列。

相关的jsfiddle：

• http://www.jsfiddle.net/r7MgY/1105/