html5 中的 css 部分和旁白问题

Question

这是我的CSS代码:

* {
    box-sizing:border-box;
}

body {
    font-family:Raleway, sans-serif;
    text-decoration:none;
    line-height:1.42857143;
    margin:0;
}

html {
    position:relative;
    min-height:100%;
}

.wrapper {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

JSfiddle:

http://jsfiddle.net/yb2sLhox/

我需要像页眉、内容和页脚一样的页边距。左右边距应该是相同的空间..像这样http://postimg.org/image/ojhkt7bg3/a099ed23/

调整窗口大小时工作正常。我认为在内容部分需要改变它。

谁能帮帮我？

Answer 1

您可以尝试将 padding 添加到您的 section

section{
    padding: 0px 30px;
}

或

尝试像这样向您的部分添加一些宽度

section{
   width:90%;
   margin:auto;
}

DEMO