9

私がまとめているこのページに表示されている、明らかに不要な2番目の垂直スクロールバーを削除しようとしています。http：//abchealth.info/doc-mike-special/test3/を参照してください。

ここでの私の調査により、CSSから「オーバーフロー」を削除しようとしましたが、これは私のレイアウトを完全に破壊したので、他に何も変更せずに内側の垂直スクロールバーを削除するソリューションを探しています...

よろしくお願いします！

これが私のCSSです：

/* Generated by KompoZer */


body {
background-image: url(http://abchealth.info/images/bg.png);
}


html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;

}


div#wrap {min-height: 100%;}

div#mastercontainer {
overflow:auto;  width: 100%;
height: 100%;
min-height: 100%;
}

div#header {
background-image: url(http://abchealth.info/images/header-bg.jpg);  background-repeat:   
repeat-x;
position: top; height: 96px;}


div#content {
}


div#innercontentmiddle {
margin: 0 auto;
width: 540px;
padding:10px;    padding-bottom:510px;}


div#footerclear {
}



div#footer {
position:relative;  margin-top: -510px; height: 510px; clear:both;
background-image: url(http://abchealth.info/images/footer-bg.jpg);  background-repeat:   
repeat-x;}


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
4

6 に答える 6

14

これを変更:#mastercontainer {overflow:auto;}に#mastercontainer {overflow: visible;}

コンテンツがフレームに対して大きすぎる場合、「auto」はスクロールバーを使用します。別名、スクロールを避けるために div または w/e を拡大する必要があります。Visible は、あなたが望むようにオーバーフローさせます。このコードでは、可視でも非表示でも機能します。css は、いろいろ試して実験することがすべてです。

***ほとんどのブラウザは「FireBug」というプラグインを提供しています -> ダウンロードしてください。閲覧中のウェブページのcssなどを編集することができます。CSS スタイル エラーに非常に役立ちます。などのお悩みの方にオススメです。

于 2012-08-15T14:21:14.260 に答える
2

これは機能します

#mastercontainer { overflow: hidden; }

または上記の解決策も機能します。

于 2012-08-15T14:20:46.353 に答える
1

から削除overflow:autoしdiv#mastercontainerます。

于 2012-08-15T14:20:03.683 に答える
0

オーバーフロー y を「非表示」に設定すると、多くの場合、垂直スクロールバーを削除できます。「visible」に設定すると、オーバーフローが表示され、スクロールする必要がないため、スクロールバーが表示されなくなります。

ただし、 https://developer.mozilla.org/en-US/docs/Web/CSS/overflowに記載されているため、これらの設定が常に機能するとは限りません 。

オーバーフローが効果を発揮するためには、ブロック レベル コンテナーの高さ (高さまたは最大高さ) を設定するか、空白を nowrap に設定する必要があります。

上記のリンクは、「オーバーフロー」が一般的にどのように機能するかを理解しようとするための優れたリソースですが、期待するほど単純ではありません。

たとえば、そこからの別のメモ：

一方の軸を表示 (デフォルト) に設定し、もう一方の軸を別の値に設定すると、表示が自動として動作します。

于 2018-11-26T00:44:40.993 に答える