comment faire div intérieur gauche prendre 100% moins "div côté droit largeur fixe"

Question

Je veux que la droite div d'avoir une largeur fixe et la div gauche pour prendre tout le reste à l'intérieur de la boîte.

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

Answer 1

Il peut y avoir une meilleure façon de le faire, mais cela peut arriver à ce que vous essayez d'accomplir:

#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; 
} 

Combiné avec

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

Ainsi, alors que ce doesn En fait, celui qui se trouve à gauche n'occupe pas le reste de l'espace, il n'empiètera pas sur la colonne de droite.

jsFiddle associés:

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