4

ページ コンテンツの下に空白が多い理由と、水平スクロール バーが表示される理由を教えてください。以下の zip フォルダーへのリンクを添付します。index.html を解凍して開きます。
リンクテキスト

4

3 に答える 3

2

最初のリード:

ルールdiv#contentは IE でほぼ機能し、FireFox では余分な幅を設定します。

余分な幅が div クラス " content"に適用されます

div#content { margin: 3px 3px 3px 188px; background: rgb(255, 255, 255) none 
    repeat; min-height: 392px; }

div クラス " container"内

div#container { margin: auto; padding: 10px; background: rgb(255, 255, 255) 
   none repeat; position: relative; min-height: 400px; 
   max-width: 100%; min-width: 750px; }

横スクロールバーが表示されるのは、コンテンツの右側に追加された 188px 用です。もちろん、それらは残す必要があります。削除しないでください。

追加overflow: hidden; あなたのdiv#containerCSSルールに

より一般的な注意として、「CSS を使用したプログレッシブ エンハンスメント」のベスト プラクティスに従い、css ルールを複数のファイルに分割することをお勧めします (本番環境に実際に展開するまでは、すべての css ルールを再グループ化して 1 つのタイトなファイルに圧縮することができます)。ファイル）

于 2008-12-10T08:31:57.393 に答える
0

スクロールバーの場合、VonCが提案した内容は正しいのに対し、「ページコンテンツの下に多くの空白がある」のは、指定した「min-height」によるものです。ピクセルを指定する代わりに、属性「auto」を使用できます

について：「overflow：autoを追加すると、内部に別のスクロールバーのセットが表示されます。」..このために、使用したすべてのdivにoverflow：autoを追加します。

于 2008-12-10T13:42:12.947 に答える
0

VonC そうですね。オーバーフローを追加: 非表示; div#container ルールに。index.css の 274 行目。

于 2008-12-10T11:15:43.083 に答える