CSS Gutter overflowing body

Question

제 수제 CSS 그리드에 문제가 있습니다. .row 가장자리가 바디 가장자리에 닿으면 오버플로가 생성됩니다. 데모 여기를 참조하십시오 : http://jsfiddle.net/57BGe/3/이

.row { 
    margin: 0 -15px; 
} 

어떻게 내가 오버 플로우를 방지 할 수 설명 업데이트]? (오버 플로우 : 당신은 여전히 ​​전화 및 바탕 화면에 약간의 힘으로 스크롤 할 수 있기 때문에 아무도는 작동하지 않습니다)

* UPDATE * 는 부트 스트랩 # 보면 http://getbootstrap.com/css/ 이 dev에 콘솔을 사용하여 시도 및 변경 여백 - 몸의 오버플로를 만드는 무언가에. 로우의 왼쪽. (예 : -150 픽셀)
이렇게하면 가로 스크롤 할 수 없습니다.

Answer 1

해결책을 찾았습니다.
body 및 html에 숨겨진 오버플로를 넣으려고했지만 여전히 스크롤 할 수 있습니다.
그래서 나는 오버플로가있는 컨테이너를 만들었습니다 : 숨겨진 컨테이너 안에 모든 것을 감쌌습니다.

이렇게하면 정상적으로 작동합니다. 더러운 해결 방법을 삼가야하지만 끝내야했습니다.

Answer 2

당신은 자동으로 몸과 HTML에 마진과 패딩을 설정하는 브라우저 에이전트 스타일 시트를 다시 설정해야합니다, 당신은 부정적인 여백을 없애 수 있습니다

body, html { 
    margin:0; 
    padding:0; 
} 

는 시도한다는주십시오.