Comment mélanger la largeur fixe et la largeur% dans la conception Web réactive?

Question

J'ai une page web simple composée de deux colonnes: barre latérale et contenu. Il n'y a pas de problème si les deux colonnes sont dynamiques mais que la largeur de la barre latérale doit être fixe et que la largeur du contenu doit être dynamique en fonction de la largeur du navigateur.

Je ne sais pas comment calculer la largeur des colonnes.

Merci.

Answer 1

Vous pouvez le faire:

FIDDLE

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    overflow: auto; 
/* trigger a block formatting context (this fills remaining horizontal width) */ 
} 

Answer 2

J'imagine que vous cherchez quelque chose comme ceci:

http://jsfiddle.net/ekVJe/

Ce que je l'ai fait est flotter la barre latérale gauche, puis donner le contenu d'une marge gauche qui est équivalente à la largeur la barre latérale:

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    margin-left: 200px; 
}