이 수평 스크롤 바를 없애는 방법

내 인생은 this site의 하단에있는 수평 스크롤 막대를 제거하는 것처럼 보입니다. 나는 모든 것을 (내 능력으로) 시험해 보았고 누군가가 나를 위해 그것을 비춰 줄 수 있는지 궁금해하고 있었다.이 수평 스크롤 바를 없애는 방법

미리 감사드립니다.

<style> 

body { 
    overflow-x:hidden; 
} 

</style>

또는 당신이 당신의 CSS의 모든 통해 갈 수 있고 실수로 어떤이없는 있는지 확인하십시오

이

간단하게 모든 간격 이상 무시 :

출처

2017-03-12 Mitch Gillespie

아주 기본적인 대답으로'body' 태그에'overflow-x : hidden'을 설정할 수 있습니다. 요소의 너비가 항상 창보다 큰 이유를 확인하는 것이 좋습니다 ... –

그 점에 대해 감사 드리며, 나는 균열이 있습니다.나는 그것을 깨뜨리는 것을 알아 내려고 노력하면서 대부분의 시간을 노력했지만, 나는 그 문제를 발견 할 수 없다. –

편집 : 그게 효과가 있지만 그 사람이 문제를 찾을 수 있는지 보자. 다시 한번 감사드립니다. –

.row.vc_custom_1488973579542 (큰 제목이있는 것)은 .container의 직접적인 자식이 아니지만 <section>입니다.

테마는 .container에 왼쪽/오른쪽 패딩을 사용하고 .row에 동등한 왼쪽/오른쪽 음수 여백을 사용하는 부트 스트랩 열을 기반으로하는 격자 레이아웃 시스템을 사용합니다. 전각 모드에서 최상위 레벨 .row을 .container 안에 두지 않으면 25px 행이 <body>보다 커서 결과가 가로 스크롤 막대가됩니다.

가능한 수정 :

장소 그것을 위해 .container (권장)
재정의 기본 행 마진 내부의이 .row :

.row.vc_custom_1488973579542 { 
    margin-left:0; 
    margin-right:0; 
}

가 오버 플로우 (권장하지 않음)를 숨기기 :

body { 
    overflow-x: hidden; 
}

출처

2017-03-12 04:04:30

고마워요. 둘 다 일했지만 권장 사항을 따라 갔다. 다시 한번 감사드립니다. –

당신은 두 가지 옵션이 있습니다 "출혈"테두리 또는 여백/패딩.

요소의 너비를 20 %로 설정하고 요소가 5 개 있지만 그 중 일부가 10 픽셀의 여백을 추가하여 도망 가기 때문에 흐려집니다.

JSFiddle 예 : 당신은 네 번째 요소는 두 번째 줄에 있는지

https://jsfiddle.net/nfnneil/9dcdurnj/4/

을 알 수 있습니까? 이는 마진이 스타일이 지정된 객체 외부에서 발생하기 때문입니다.

참고 : 출혈을 일으키는 다른 방법이 많이 있습니다. 경계선 등이 적절하게 조정되지 않은 경우처럼.

저는 개인적으로 overflow-x : hidden으로 가겠지 만, 그 이유는 제가 게으 르기 때문입니다. 그러나 lazy way, overflow-x : hidden을 사용하면 코드의 향후 사용에 영향을 미칠 수 있습니다. 즉, 우리는 당신이 우리를 오버플로해야한다고 생각합니다 : x : 숨겨져 있습니다.

출처

2017-03-12 03:58:51 Neil

이 수평 스크롤 바를 없애는 방법

답변

관련 문제