Question

나는 퍼즐처럼이 divs togethor를 슬롯에 넣으려고합니다. 나는 div 1과 3 사이에 div 4를 정렬하고 싶다. div 4는 div 3에서 시작한다. 해결책은 무엇이며, 따라서 div는 서로 "슬롯"이된다.

<div style='overflow:hidden;width:500px;'> 
      <div style='float:left;width:200px;height:400px;border:1px solid #707070'>1</div> 
      <div style='float:left;width:200px;height:300px;border:1px solid #707070'>2</div> 
      <div style='float:left;width:200px;height:400px;border:1px solid #707070'>3</div> 
      <div style='float:left;width:200px;height:300px;border:1px solid #707070'>4</div> 
      </div> 

절대 위치를 사용하고 싶지 않습니다. 이것은 단지 예일뿐입니다. 실제 코드는 루프에 있고 콘텐츠 크기는 동적입니다.

Answer 1

JQuery Masorny. CSS만으로는이 작업을 동적으로 수행 할만큼 강력하지 않습니다.