css部分和html5中的问题

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

OR

尝试在此部分添加一些width

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

<强> DEMO