我无法在主区域设置填充权限

Question

如果您使用浏览器放大here，您会发现左边只有一个填充，右边距没有任何内容（因此div“触及”屏幕的末尾）。我似乎无法解决这个问题。我尝试使用padding-right：2em到两个身体，＃page ..没有任何运气！

你有解决方案..？

Answer 1

您可能需要添加一个额外的conainer块来保存您的页面内容。你可以尝试这样的事情：

<div id="layout">
    <div id="page">
        <!-- Your page content here -->
    </div>
</div>

构建新结构后，生成的#layout div应该包含body元素的填充和一些#page样式：

#layout {
    min-width: 1000px;
    margin: 0 auto;
    padding: 2em;
}

如果您不想更改当前的HTML结构，还可以尝试“脏”技巧：在'#page'div中添加灰色边框：

#page { 
    border: 2em solid #e2e2e2; 
}

但是当你使用这样的东西时要小心，因为可能会产生不必要的副作用。

作为最后一点，您可能希望在其余样式表之后移动主CSS文件。否则，您将最终将某些样式覆盖在后续文件中。