画面サイズに応じてdivをサイズ変更

Question

サイズ変更画面によってはいくつかのdivを含むヘッダーがあります。左のdiv - 464pxの固定幅で、上のdiv - 固定幅500px、下のdiv - 画面のサイズに応じてサイズを変更する必要があります。 私はこの問題を解決するためにいくつかのミックスインを使うべきでしょうか？

ジェイド：

div.wrap 
div.left 
div.top 
div.bottom 
    div.social 
    div.input 
    div.apps 

のCss：

.wrap{width: 100%; height: 500px} 
.left{width: 464px; height: 100%; float: left} 
.top{width: 500px; height: 100px; float: left} 
.bottom{height: 300px; width: ???;} 
.social{float: left} 
.apps{float: right} 

Answer 1

あなたは、画面サイズに応じて、あなたのdivのサイズを変更したい場合は、固定幅を使用してはならないか、ピクセルの幅を取るべきではない、幅を取ります100％で;