CSS 속성 너비 : 100 %; 페이지를 길게 만든다

Question

나는 완전히 단순한 레이아웃을 가지고있다. 아래 그림에서 볼 수있는 것처럼 은색 배경과 빨간색 DIV 만있다. 내 문제는, 내가 레이아웃 페이지에 빨간색 DIV를 추가하면 페이지가 길이가 100 % (오른쪽 하단의 슬라이더)보다 길다는 것입니다. 이 문제를 일으킨 곳은 어디일까요? 빨간 DIV의

하는 CSS 속성은 다음과 같습니다

html, body { 
    background-color: silver; 
    margin: 0; 
    padding: 0; 
} 

.red-div { 
    overflow: hidden; 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

Answer 1

.red-div { 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; /* This is what you need */ 
} 

그런 식으로, 당신은 브라우저의 끝으로 이동하도록 강제 할 수 있습니다. 100 % 할 때 스크롤바를 고려하지 않습니다. 어떤 여분의 공간을 추가하고 성가신 사이드 스크롤