我有一个主容器的div，我想它从屏幕的顶部正好被保证金，例如， 10%的屏幕宽度。 这样，我不会有不均匀的屏幕尺寸等问题..
我已经找到了解决办法脏这是把一个1px by 1px的背景色的图像，股利前右侧，然后风格它有10%的屏幕宽度。 但是，这看起来很肮脏的，不是吗？ 有没有更好的解决办法？
Answer 1:
我觉得很优雅的解决方案是在页面中插入一个表格，身体右后开始，在此之前它的权利终止。
你有这样的：
<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;
}
Answer 2:
同样的解决方案为鲁本斯，而无需使用表。 我也放置一些代码来对付你在问，但使用的填充，而不是上边距。
<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;
}
文章来源: Padding of a certain percentage of screen width
