MarginLeft 스타일이 변경된 스크롤 막대를 방지 하시겠습니까?

Question

나는 이벤트에서 marginLeft = '120 %'로 이동하는 항목이 많은 큰 div가 있습니다. 오버플로 : hidden을 사용하여 가로 스크롤 막대를 표시하지 않도록했습니다. 그러나 웹 페이지의 세로 스크롤 막대 길이는 오른쪽으로 이동할 때 커집니다. div를 화면에서 사라지게하고 싶습니다 (HTML5 전환이있을 때). 나머지 페이지는 영향을받지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

컨테이너의 너비가 충분하지 않으므로 내용이 실제로 오른쪽으로 이동하지 않으므로 기본 동작은 내용을 다음 줄, 따라서 세로 스크롤로 놓는 것입니다.

div을 큰 너비의 자 바꿈 div 안에 추가하면 실제로 내용이 오른쪽으로 이동할 수있는 충분한 공간을 확보하게됩니다.

<div id="wrapper"> 
    <div id="inner"> 
     <div id="content"></div> 
    </div> 
</div> 

CSS ...

#wrapper { 
    overflow: hidden; 
} 
#inner { 
    width: 9000px; 
}