html - 如何完全去除边距并使 div 全宽

Question

你好，我正在处理一个页面，我使用 html 和 css 使用了 2 列和 1 行的响应式网格

网格工作正常，但后来我注意到此网格的左侧和右侧有一个边距。

我正试图消除这个边距，但对我来说没有用

<style>
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col { 
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 480px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
}

</style>


<div class="section group">
    <div class="col span_1_of_2">
    This is column 1
    </div>
    <div class="col span_1_of_2">
    This is column 2
    </div>
</div>

在 madding 和 padding 都设置为零的情况下，请问我如何确保我的网格左右两侧的边距关闭。 这是页面的链接和屏幕截图

http://andymurphy.tv/index.php/landing/

Answer 1

试试这个:

body {

 margin : 0;

}