0

私のレイアウトでは、右の div と左の div の 2 つのコンテナーがあります。

CSS: 

 #left {float:left;position:relative;width:300px;height:100%}
    #right {float:right;position:absolute;height:100%;margin-left:300px;}

right div container次のjqueryを使用するための幅を設定しました:

         var right_width = ($(window).width() - 300)
         $("#right").css("width",right_width);

これは正常に機能し、両方の div が水平スクロール バーなしで画面全体を埋めます。垂直スクロール バーはright div 、100% (画面の高さ) を超えるコンテンツの高さで発生します。このため、垂直スクロール バーright divの幅が画面からはみ出し、右 div の幅が大きくなると水平スクロール バーが発生します。垂直スクロールバーの有無にかかわらず、ビューポートの幅に違いがあると思うので、これを克服する方法。

4

2 に答える 2

0

実際、私のプロジェクトにも同様の問題があります。

一般的に、私は自分を満足させる方法を見つけられませんでした。私がしたことは、垂直スクロールバー用のスペースを手動で確保するために、右 (または左) div の幅を狭めることです。

問題の一部を解決します。

于 2013-04-12T13:39:10.167 に答える