우리가 알고있는 Div

Question

의 콘텐츠를 분리하는 방법 고정 크기 div의 콘텐츠는 더 많은 공간이 필요할 경우를 대비해 div에서 벗어납니다. 예 : http://jsfiddle.net/YaTeG/ 지금 내 질문은 js없이 중지하는 방법입니까? 나는 iframe을 좋아한다! 더 많은 공간이 필요할 경우 스크롤바가 있습니다.

Answer 1

이와 같이 CSS를 업데이트하는 경우,

#wrapper { 
    position: absolute; 
    width: 200px; height: 200px; 
    top: 20px; left: 20px; 
    background-color: #ff0; 
    border: 2px solid #000; 
    overflow:auto; 
} 

콘텐츠가 div보다 큰 경우 자동으로 자동 스크롤됩니다.

overflow:auto; 

이 사건의 다른 스타일

Answer 2

overflow 속성을 사용하십시오.

• 당신이 절단하려는 경우 overflow: hidden, 또는
• overflow: auto 당신이 스크롤바는 내용이 너무 긴 경우에 표시 할 경우
.

Answer 3

overflow 속성 컨트롤은 양쪽 모두의 스크롤 수평 및 수직에 대한 here에 모습을 가질 수 있습니다. 추가 제어가 필요하면 각 스크롤 막대에 대해 overflow 속성을 개별적으로 설정할 수 있습니다. 수직

예컨대 대 -

overflow-x 속성은 수평 스크롤을 제어하고 overflow-y

.some_element{ 
    overflow-x: hidden; 
    overflow-y: auto; 
}