완전히 여백을 제거하고 사업부 전체 너비로 만들려면

Question

안녕하세요 저는 HTML과 CSS 그리드가 확실히 작동

를 사용하여 2 열 및 1 열 반응 그리드를 사용하고있는 페이지에 일하는 있어요,하지만 난 알아 차렸을 이 그리드의 왼쪽과 오른쪽 여백이 있습니다. 제로로 설정 madding 및 패딩 모두 나를

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

에 대한

내가이 여백을 제거하기 위해 노력하고

하지만 dsent 일, 내가 어떻게 내 그리드의 왼쪽과 오른쪽이 여백을 확인 할 수 있습니다하시기 바랍니다 꺼져있다. 이 페이지에 링크하고 요소 또는 부모/S에 padding: 0을 설정해야하므로, 패딩이 아닌 여백의 스크린 샷이 너무

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

Answer 1

템플릿이 그 패딩을주고있다. 그것은이를 사용하려면이

<div class="pswr out" style="background-color: #EAEAEA"> 
    <div class="in darkSec pddbg"> 
     <div class="thrv_wrapper thrv_custom_html_shortcode"> 
      <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> 
     </div> 
    </div> 
</div> 

Answer 2

입니다.

편집 :

.tve_lp_content tve_editor_main_content tve_empty_dropzone tve_content_width, 
.tve_lp_template_wrapper:not(.tve_lp_blank).tve_post_lp .tve_lp_content .out, 
.tve_post_lp .out .in, 
.tve_post_lp .tve_lp_content { 
    padding: 0; 
    margin: 0; 
} 

Answer 3

이 시도는 :

body { 

margin : 0; 

} 

Answer 4

시도를 사용 재정의하려면! 중요한 우선 어떤 이미

body { 

padding : 0 !important; 

} 

Answer 5

은 어쩌면 당신은 시작해야 패딩 부트 스트랩을 사용하려고 설정? http://getbootstrap.com/

부트 스트랩을 사용하면 열 레이아웃을 쉽게 만들 수 있으며 container-fluid을 사용하면 페이지의 전체 너비를 얻을 수 있습니다.

<div class="container-fluid"> 
    <div class="col-lg-12"> 
     <div class="col-lg-6"> 
      Column one 
     </div> 
     <div class="col-lg-6"> 
      Column two 
     </div> 
    </div> 
</div> 

문제에 대한 두 번째 가능한 해결책은 당신의 CSS에 다음을 추가하는 것입니다 : DeathStorm 당신이 나는 그것이 최선의 해결책이 아니다 동의에도 불구하고, 음의 여백을 사용하여 시도 할 수 있습니다 제안으로

body { margin: 0; } 

Answer 6

. 줄 것이다 현재의 코드베이스에서

당신이 무엇을 적 이유로 2048 픽셀 각 여백을 설정하는 것입니다 자동으로 여백을 설정 규칙이처럼 보이는

.section.group { 
    margin-left: -42px; 
    margin-right: -42px; 
    display: flex; /* Only needed for equal width columns */ 
    } 

    .section.group > .col { 
    flex-grow: 1; /* Only needed for equal width columns */ 
    }