0

私はウェブデザインの初心者で、3日前にウェブサイトを立ち上げましたが、常に問題が発生していたため、古いスクリプトを削除して新しいスクリプトを作成しました。そして今、新しいものは上部の全幅でこの問題を抱えています。私の問題:![ここに画像の説明を入力してください] [1]

半分サイズ変更されたブラウザの右上隅に表示されているように、「白い」スペースが発生します。ただし、フルサイズのブラウザウィンドウでは、スペースは発生しません...(ウィンドウが小さいほど、「白い」スペースは大きくなります。

私のhtmlスクリプトとCSSスクリプトはここでフィドルになります:

http://jsfiddle.net/PWrHG/

私の質問は、この「白い」スペースがなぜ、どのように発生するのかということです。注:完全なスペースを確保する方法については、スクリプト領域内ですでに解決策を見つけましたが、違いと、その理由と方法については、見つけることができず、答えることができませんでした。ps:私は本当に答えを得ていただければ幸いです。Assilよろしくお願いします

4

1 に答える 1

0

の :

#top
{   
    width:100%;
}

width:100% は、ブラウザの幅に合わせて上部を拡大します。したがって、ブラウザの幅が 980px 未満の場合、その幅に拡大されます。ブラウザの幅が 600px だとすると、自動的に 600px に引き伸ばされます。左の 380px が空白になります。また、ラッパーは上部よりも幅が広いため、ページの下部にスクロール バーが追加されます。現在のビューでは、 #Top がブラウザーの幅に完全に引き伸ばされ、 #Wrapper がブラウザーの幅をオーバーフローしています。

于 2012-08-18T13:39:38.883 に答える