960 Grid - 去掉margin-left和margin-right的间距

Question

学习960 Grid CSS Framework，有HTML代码和CSS如下：

- HTML 代码：

@import url( 'css/reset.css' );
@import url( 'css/text.css' );
@import url( 'css/960.css' );

#wrapper {
 width: 100%;
}
#wp_head,
#wp_foot {
 background-color: #e8e8e8;
}
#header,
#footer {
 border:1px dotted #333;
 min-height: 100px;
}
#content {
 border: 1px dotted #333;
 min-height: 500px;
}
#row-1 {
 
}
.row-1-left{
 border: 1px dotted #333;
 background-color: pink;
 min-height: 50px;
}
.row-1-center {
 border: 1px dotted #333;
 background-color: yellow;
 min-height: 50px;
}
.row-1-right{
 border: 1px dotted #333;
 background-color: lime;
 min-height: 50px;
}

<!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8" />
      <title>Learn 960 grid</title>
      <link rel="stylesheet" type="text/css" href="style.css" />
     </head>
     <body>
      <div id="wrapper">
       <div id="wp_head">
        <div id="header" class="container_12">Header</div>
       </div>
       <div id="row-1" class="container_12 clearfix">
        <div class="row-1-left grid_4">Left - 4</div>
        <div class="row-1-center grid_4">Center - 4</div>
        <div class="row-1-right grid_4">Right - 4</div>
       </div>
       <div id="wp_foot">
        <div id="footer" class="container_12">Footer</div>
       </div>
      </div>
     </body>
    </html>

然后，显示下面的结果（见图片附件）：

问题：我想删除 margin-left 和 margin-right。请帮帮我！

Answer 1

你可以这样做：

body {margin: 0;}

这是一个fiddle：https://jsfiddle.net/cpu5syg1/

960 Grid - 去掉margin-left和margin-right的间距

960 Grid - Remove the spacing of margin-left and margin-right

html

css

960.gs