0

サイズを変更すると、私が設計しているサイトの 1 つがこのように壊れます。ブラウザの端にくっつかないのはなぜですか? どうすればこれを達成できますか?

切り離された右端

CSS Layout Generatorを使用して、最初にレイアウトを生成しました。サイトをレスポンシブにしたかったので、リキッド レイアウト オプションを使用しました。

その中には、次のようなスタイル<body>のラッパーがあります。<div>

min-width: 320px;
max-width: 100%;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;

には、ラッパーの幅を継承するwrapperすべての と が含まれますheader。それらは1200pxに設定されており、中央に配置されています。middle-sectionfootermax-width

4

2 に答える 2

0

の左右のパディングのユーザー エージェント スタイルを削除する必要がありますbody。

body {
    padding: 0;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
于 2012-10-14T17:59:40.027 に答える
0

このフィドルを参照してください。セレクター.incorrectruledisabledを.incorrectruleに変更すると、添付の画像に結果が表示されます。

何かの幅に上限を設けて、無条件に全幅を占有することを期待することはできません。あなたの質問を誤解している場合はお知らせください。

編集:これは、ヘッダー、ミドル、フッターのコンテンツが text-align を使用して中央に配置されている例ですが、それら自体はそうではありません。

于 2012-10-14T18:43:54.383 に答える