2012-01-09 1 views
0

심각한 절대적으로 배치 된 요소가 왼쪽으로 떠있을 때 동작하는 효과를 얻으려고합니다. 절대적으로 배치 된 div 수는 동적이기 때문에 클래스 또는 n 번째 자식 선택자를 사용하지 않도록합니다.절대적으로 배치 된 요소에 왼쪽으로 떠 있습니다.

그래서 div 너비가 800px이고 모든 div가 왼쪽으로 떠올랐다 싶지만 이제 그들은 서로 위에 겹쳐서 div 1을 남기는 방법을 모르겠습니다. 0, div 2 left : 800, div 3 left : 1600 등등. 클래스 나 nth-child 선택자를 사용하지 않고. jQuery 또는 CSS를 사용하여 가능합니까?

감사합니다. 여러 가지 방법이 있습니다

+0

는 jQuery로이 질문에 태그를 추가 한 이유가 있나요? 적용하지 않는 것 같습니까? –

+0

@RoryMcCrossan edit ... –

+0

글쎄, 모든 CSS 솔루션이있는 것 같지 않다. 자바 스크립트가 필요하다면 jQuery로 작성한 것이 좋을 것이다. 정규 자바 스크립트를 사용하는 것이 더 좋다. 그러나 그것이 중요하지 않다면 jQuery 태그를 제거 할 것입니다. – user1023552

답변

2

....

jQuery를 :

$("div").each(function(index) { 
    $(this).css("left", 800*index); 
}); 

당신은 상대적으로 귀하의 div의 위치를 ​​한 다음를 떠 있습니다.

하지만 당신은 jQuery를 오프 폭 모든 div를 가진 래퍼를해야합니다 :

$("#wrapper").width($("div").length * 800); 

당신이 당신의 구조 (DOM, CSS 등)에 대한 자세한 내용을 알려 주시기 바랍니다 수 있습니다. 이 사용자의 요구에 가장 적합한 솔루션을하는 데 도움이

...

+0

깔끔한 코드입니다. 나는 이것을 나중에 기억해야합니다. – OptimusCrime

+0

고마워,이 작품! 구조에 대해 불분명하게해서 유감스럽게 생각합니다. 다음 번에 그 사실을 기억하겠습니다. – user1023552