래퍼 너비 : 100 %; 브라우저가 최대화되었을 때 잘 작동하지만 최대화되지 않을 경우 잘림

Question

기본적으로이 웹 사이트를 만들고 있는데 래퍼를 100 % 너비로 설정하고 브라우저가 최대화되었을 때 제대로 작동하지만 최대화하지 않고 스크롤하면 오른쪽에있는 내용은 내용 컨테이너의 끝에서 잘리고 전체 길을 늘리지는 않습니까 ?? 나는 여기에 묻기 전에 이것에 대한 해결책을 찾기 위해 사방을 둘러 보았다. 나는 그것을 찾을 수 없다.

다음은 래퍼 CSS입니다.

#wrapper-main { background-image:url(images/structure/bg.png); background-color:#e8eef1; background-repeat:repeat-x; display:table; width:100%; margin:0; padding:0; } 

사이트를 살펴보고 최대화하지 않은 경우 무슨 뜻인지 궁금하다면 어떻게 해결할 수 있습니까?

http://eosa.co.cc/themes/osoa/index.html

Answer 1

문제는 styles.css가 선 (214)에 의해 생산된다 당신은 정의 여기서

.onethirdbox { width:296px; float:left; margin:0 40px 40px 0; position:relative } 

이까지 모두 추가하면 각 상자의 폭이 296 + 40 = 336 픽셀 . 3 * 336 = 1008px ... 이는 너비가 968px보다 넓습니다. 그러나 여백을 0으로 줄이더라도 마음에 들지 않는 효과를 없애려면 너비를 250px로 줄여야합니다. 물론 이것은 1/3 상자가 재미있어 보이게 만듭니다 .... 이렇게 분명하게 이 .... 내가 지금 무엇인지 확실하지 않다 계속 뭔가 다른,하지만 시작해야하는 위치 당신이 위의 라인을 교체 할 경우이 즉 ....입니다 :

.onethirdbox { width:250px; float:left; margin:40px 0; position:relative } 

을 당신이 쓴 문제는 사라집니다 (그리고 새로운 문제가 나타납니다). 대신 onethirdbox 변화, 솔루션을 무력하기

, 당신은 보이지 않는 #footerwrapper의 오버플로 만들 수 :

#footerwrapper { 
    overflow:hidden; 
} 

이이 증상을 치료를하지만, 실제로 문제가 무엇이든 해결되지 않습니다.