CSS Gutter overflowing body

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

.row { 
    margin: 0 -15px; 
}

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

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

출처

2014-04-12 andershagbard

왜'.row'에서 CSS를 제거하지 않습니까? 그러면 오버플로가 없습니다. – Hidde

반응 형 디자인이기 때문에 몸 가장자리까지 가장자리인지 알 수 없습니다. – andershagbard

그리고 저는 그것들이 가장자리를 정렬하고, 가장자리에 의해 공백을 가지지 않기를 바랍니다. – andershagbard

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

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

출처

2014-04-12 21:13:10 andershagbard

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

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

는 시도한다는주십시오.

출처

2014-04-12 19:20:04

http://jsfiddle.net/57BGe/2/ – andershagbard

답변

관련 문제