페이지 넘침이없는 1200px div 만들기

Question

페이지의 div가 고정 폭 1200px입니다. 모자이크를 만들기 위해 미리보기 이미지 컬렉션을 삽입했기 때문에 이렇게되었습니다. 페이지 크기를 변경하면 모자이크가 변경되는 것을 원하지 않습니다.

문제는 페이지에 가로 스크롤 막대를 넣고 싶지 않다는 것입니다. div는 시각적 목적으로 만 배치됩니다.

브라우저 크기가 div 크기보다 작은 경우 자동으로 생성되는 가로 네비게이션 스크롤 막대를 피하려면 어떻게해야합니까?

업데이트 : div를 고정시킬 수 없습니다.

Answer 1

CSS에서

:

html,body { 
    overflow : hidden; 
} 

또는 수직 스크롤 막대를 원하는 경우, overflow-x: hidden

또는 청소기 방법 :

<div class="wrapper"> 
    <div class="mosaic"></div> 
</div> 

와 래퍼에 width:100%;overflow:hidden을 넣어.

Answer 2

div를 으로 고정하여 위치로 설정하면됩니다.

.hugediv { 
    background: blue; 
    width: 1200px; 
    height: 200px; 
    position: fixed; 
    z-index: 1; 
}