수평 스크롤

Question

HTML :

<div id="mcolWrapper"> 
    <div id="mcol"> 
     <div class="wrapper"> 
     content 
     </div> 
    </div> 
</div> 

<div id="lcol"> 
    <div class="wrapper"> 
    content 
    </div> 
</div> 

<div id="rcol"> 
    <div class="wrapper"> 
    content 
    </div> 
</div> 

CSS :

#mcolWrapper { 
    float: left; 
    width: 100%; } 

#mcol { margin: 0 295px 0 235px; min-width: 500px; } 

#lcol { 
    float: left; 
    width: 235px; 
    margin-left: -100%; } 

#rcol { 
    float: left; 
    width: 290px; 
    margin-left: -295px; 

내가 너무 많이 축소 할 수 있도록 중앙 열에 최소 폭을 설정하려는

이 최소 과거 너비 포인트, 나는 브라우저가 중앙 열을 겹치는 오른쪽 열 대신에 수평 스크롤 막대를 표시하고 싶습니다.

Answer 1

jQuery 스플리터 플러그인을 사용해 볼 수 있습니다. 그것은 열 레이아웃이 필요할 때 CSS 템플릿보다 브라우저 차이점을 추상화하는 작업을 더 잘 수행하고 스크롤바를 완벽하게 처리하기 때문에 필자가 사용하는 것입니다.

http://methvin.com/splitter/

Answer 2

최소 너비는 완전히 지원되는 CSS 속성이 아닙니다. 이 상황을 쉽게 해결할 수있는 방법은 너비가 최소 너비 값과 같은 열의 맨 아래에 div를 추가하는 것입니다.

<div id="mcol"> 
    ... 
    <div style="width:500px;"></div> 
</div> 

이렇게하면 열을 더 작게 줄일 수 없게됩니다. 희망이 도움이됩니다!