画面がリサイズされたときに固定divと液体divが重複しないようにする

Question

私はあらゆるdivのディスカッションを見てきました。私は再ポストしていないことを願っています。

私は固定された位置にある左に1つのdivを除いて液体レイアウトを持っています。私はスクロールするときにそれが欲しいので固定しておく必要があります。他のdivはその横に広がっています。画面が一定の幅（約1700px付近）に達するまで、すべてが素晴らしいように見えます。そして、固定されたdivがすぐに右側のdivを覆うようになります。

私は本体に最小幅を使用して固定しましたが、動作する最小幅が大きすぎるため、小さな画面で水平スクロールを防止できない場合や、ウィンドウのサイズを変更したりズームしたりすると、

私はそれを液体のままにして、どのように画面のサイズに関係なく見栄えを良くすることができますか？

以下CSS：

body { 
min-width:1000px; /*~1700 to fix problem*/ 
padding-left:5px; 
padding-right:5px; 
padding-top:0; 
padding-bottom:0; 
margin:0; 
} 

.container { 
padding: 0; 
margin-left:auto; 
margin-right:auto; 
height:100%; 
} 

.leftinfo { 
float:left; 
position:fixed; 
left:.5%; 
top:150px; 
background-color:#FFF; 
height:400px; 
width:160px;; 
padding:10px; 
} 

.rightinfo { 
background-color:#33F; 
float:right; 
height:200px; 
border:thin; 
width:15%; 
margin-top: 25px; 
} 

.contentbackground { 
float:left; 
width:74%; 
margin-left:10.5%; 
margin-top: 30px; 
} 

は助けをありがとうございました！

Answer 1

pxの代わりに％幅の値を使用することを検討しましたか？これにより、異なるウィンドウサイズでの相対的なサイズ変更が可能になります。