0

如果您在此处使用浏览器放大,您会注意到只有一个 padding-left,右边空白处没有任何内容(因此 div “触摸”了屏幕的末端)。我似乎无法解决这个问题。我尝试将 padding-right:2em 应用于两个身体 #page.. 没有任何运气!

你有解决方案吗..?

4

1 回答 1

0

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

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

构建新结构后,生成的#layout div 应该有 body 元素的 padding 和一些 #page 样式:

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

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

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

但是当你使用这样的东西时要小心,因为可能会有不需要的副作用。

最后一点,您可能希望将主 CSS 文件移到其余样式表之后。否则,您的某些样式最终会被后续文件覆盖。

于 2013-01-21T21:37:40.507 回答