1

<div>100％幅のヘッダー/フッターがあります。横スクロールバーが表示されるように未亡人を十分に小さくしてから、ページの右端までスクロールすると、ある時点でフッターが壊れて、幅が固定されているかのように空白が空のままになります。

http://jsfiddle.net/enxRw/

CSSプロパティがありませんか？追加のラッパーが必要<div>ですか？ウィンドウ幅をチェックしてそれに応じて調整するためにJavaScriptが必要ですか？

編集：

width:1024pxfor main<div>は、コンテンツが2 X 500pxの画像を並べたものであり、ウィンドウのサイズが縮小されたときに画像が折り返されたくないため、意図的に使用されています。

4

2 に答える 2

4

.maindiv に幅を設定する代わりに、次のように設定しbodyます。

body {
    min-width: 1024px;
}

これがあなたのフィドルです：http://jsfiddle.net/enxRw/1/

于 2012-08-28T02:08:36.230 に答える
1

はい、ラッパー div を使用できます。または、body 要素に最小幅を指定することもできます。

パーセンテージ幅は、親ノードのパーセンテージとして計算されます。この例では、body ノードです。

body ノードに幅を設定していないため、ビューポートの幅として計算されます。(インスペクターで body ノードを見ることで確認できます)

于 2012-08-28T02:09:51.963 に答える