2

次の順序でdivを持つパネルがあります

<div id="portlet" class="ui-widget-content">
     <div id="header" class="ui-widget-header"> ....</div>
     <div id="content"> ... </div>
</div>

コンテンツがオーバーフローすると、コンテンツにスクロールバーが表示されます。パネルを最大化するための最大化ボタンがあります。したがって、パネルを最大化するときに、次の css クラスを追加します。

.maximise {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 1 !important;
 }

しかし、ブラウザのスクロールバーとコンテンツのスクロールバーも取得します。助けてください！！！前もって感謝します。

4

2 に答える 2

2

これは通常、パディング、ボーダー、またはマージンが原因であるため、これらを0最初に設定してみてください。

幅と高さは両方とも、パディングとボーダーが適用される前に計算されます。これがパーセンテージの場合、div の全体の幅はページの 100% + パディングまたはボーダーになります。

CSS プロパティを使用して、パディングとボーダーが適用された後にこれらのパーセンテージの幅を計算するようにブラウザーに指示できます。box-sizing

.maximise { box-sizing: border-box; }

ただし、これはすべてのブラウザーで機能するわけではありません。ベンダー固有のプロパティも必要になる場合があります。

于 2013-01-16T10:18:48.517 に答える
0

使用する

overflow-x:hidden; 
overflow-y:hidden;

スクロールバーを非表示にします。

于 2013-01-16T10:17:18.280 に答える