1

10%メインコンテナdivがありますが、たとえば画面幅のように、画面の上部から正確にマージンを設定したいと思います。これにより、画面サイズが不均一になるなどの問題が発生しなくなります。

1px by 1pxdivの直前に背景の色の画像を配置し10%、画面の幅に合わせてスタイルを設定するという、汚い回避策をすでに見つけました。でもこれはかなり汚いですね。より良い解決策はありますか？

4

2 に答える 2

3

テーブルを使用しないルーベンスと同じソリューション。また、あなたが求めていた上部マージンを処理するためのコードをいくつか配置しましたが、代わりにパディングを使用しています。

<html>
 <head>
 <title>...</title></head>
 <body>
  <div id="content">
   Your whole page comes here...
  </div>
 </body>
</html>


* {
    padding:0;
    margin:0;
}

html, body {
    height:100%;
}

body {
    padding:10% 0 0;
}

#content {
    width: 850px; // replace with your desired width
    margin:0 auto;
}
于 2012-12-24T15:48:48.693 に答える
0

私が非常にエレガントだと思う解決策は、本文の直後に開始し、その直前で終了するように、ページを表に挿入することです。

あなたはこれを持っているでしょう：

<html>
<head><title>...</title></head>
<body>
<table id="content"><tr><td>

    Your whole page comes here...

</td></tr></table>
</body>
</html>

スタイルを使用して、ページのサイズを決定するだけです。

#content {

    width: 850px;
    margin-left: auto;
    margin-right: auto;

}
于 2012-12-24T13:40:58.557 に答える