브라우저 넓이에 따라 밑으로 떨어진 배너가 옆에 배너 높이 맞춰 고정되네요 채택완료
kisiki
10년 전
조회 3,423
</p><p><!doctype html></p><p><html lang="ko"></p><p><head></p><p><style></p><p>html,body { height:100%; border:0px; padding:0px; }</p><p>* { padding:0px; margin:0px; }</p><p>.Wrap { width:100%; height:100%; background:#000; }</p><p>.Wrap>.Tlvkf { width:300px; margin:5px; display:inline-block; border:1px #f00 soldi; background:#fff; vertical-align:top; }</p><p></style></p><p></head></p><p><body></p><p> </p><p><div class="Wrap"></p><p> </p><p><div class="Tlvkf">
</div></p><p><div class="Tlvkf">
</div></p><p><div class="Tlvkf">
</div></p><p><div class="Tlvkf">
</div></p><p><div class="Tlvkf">
</div></p><p> </p><p></div></p><p> </p><p></body></p><p></html></p><p>
이렇게 했을 경우 브라우저의 넓이가 줄어 들면 div 가 하나씩 밑으로 떨어지는데요
여기서 떨어진 것들이 위로 붙어야 하는데 오른쪽 높이 마춰 고정이 됩니다.
붙어 나왔으면 좋겠는데.
부스트트랩으로 해 놓은것이 있는데 수정하다 암 걸릴것 같고..
위와 같은 문제 해결하신 분 있으시면 힌트좀 부탁 드리겠습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
html 기본속성때문에 줄바꿈된 다른 요소는 위에있는 요소중 가장 높이가 큰 요소의 아래에 붙게되어있습니다.
jquery 플러그인을 사용하여 해결할 수 있습니다.
아래 사이트에 가시면 무료로 받아보실 수 있습니다^^
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인