html5中的css部分和旁白问题

html5中的css部分和旁白问题,css,html,Css,Html,这是我的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; marg

这是我的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:

我需要像页眉,内容和页脚一样的页边空白。左右边距应为相同的空间。。像这样

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

有人能帮我吗?

你可以试着在你的分区中添加填充

试着像这样给你的部分增加一些宽度

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

在我看来,页眉、内容和页脚的页边距是相同的。。。如果这是你的问题……祝你进一步发展好运!为你的网站建设做最好的一切。
section{
   width:90%;
   margin:auto;
}