Question

我有一个主容器div，我希望它完全从屏幕顶部开始边缘化，例如屏幕宽度为10%。这样我就不会出现屏幕尺寸不均匀等问题。

我已经找到了一个肮脏的解决方法，它在div之前放置了背景颜色的1px by 1px图像，然后将其设置为具有屏幕宽度10%的样式。但这看起来很脏，不是吗？有没有更好的解决方案？

Answer 1

与Rubens相同的解决方案，不使用表格。我还提供了一些代码来处理您询问的最高保证金，但使用的是填充。

<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;
}

Answer 2

我觉得非常优雅的解决方案是将页面插入表格中，从正文后面开始，然后在它之前终止。

你有这个：

<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;

}

填充一定百分比的屏幕宽度

2 个答案: