수평 스크롤링 웹 사이트

Question

나는 수평 스크롤링 웹 사이트를 만들려고 노력하고 있으며 divs를 내가 할 수있는 오른쪽으로 띄우기를 원합니다. 하지만 나는 다른 페이지에서 다를 수 있기 때문에 컨테이너의 너비를 정의하지 않아도됩니다.

어떤 아이디어?

Answer 1

먼저, 좌우로 스크롤해야하는 웹 사이트를 만드는 것이 일반적으로 바람직하지 않습니다. 그것의 비정상적인 움직임 (사용자는 그것을 매우 많이 보지 않는다)과 사용자들은 그것을하는 것을 좋아하지 않는 경향이있다.

실제로 질문에 대답하려면 컨테이너에 고정 너비를 설정하는 것 외의 유일한 방법은 모든 사용자에 대해 동일한 크기 (비례 적)로 설정할 수있는 백분율 너비입니다. 또는 고정 된 너비를 넣지 않으려는 경우에는 그대로 두십시오. 컨테이너는 사용자가 채우는 크기만큼 자동으로 확장됩니다.

Answer 2

가장 좋은 건 jquery와 같은 자바 스크립트 라이브러리를 사용하여 가지고있는 열의 너비를 확인하고, 열 너비의 합계로 컨테이너를 설정할 수 있습니다.

Answer 3

div를 보유하는 컨테이너를 만드십시오. 나에게 남겨진 div가 모두 플로트되어야합니다.

<div id="container"> 
    <div class="floater_divs"> 
    </div> 
    <div class="floater_divs"> 
    </div> 
</div> 

#container { width:100%; other stuff you want etc...} 
.floater_divs { float:left; other stuff you want etc...} 

floater div에 다른 규칙을 적용하려면 새 클래스 또는 ID를 만듭니다.