부모 DIV가 자식 DIV를 둘러싸도록 만들기(CSS)

간혹 외부 DIV가 내부(자식) DIV를 둘러싸지 않는 경우를 접할 수 있는데, 그런 경우 간단히 외부(부모) DIV에 다음 속성을 적용하여 해결이 가능합니다.

overflow: auto;

또는 다음과 비슷하게 clearfix를 적용하는 방법도 생각해볼 수 있습니다.

<div class="container">
<div class="floating_element">
</div>
<div style="clear:both;"></div>
</div>

이외에도 상황에 따라 여러 가지 방법을 생각해볼 수 있는 것 같습니다. 이 글을 참고해 보시기 바랍니다. 이 글에서는 다음과 같은 코드를 제안하네요.

height: 1%; overflow: hidden;
일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

댓글 남기기

* 이메일 정보는 공개되지 않습니다.