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

Last Updated: 2015년 07월 05일 댓글

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

overflow: auto;

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

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

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

height: 1%; overflow: hidden;
워드크래커의 아바타 이미지

워드크래커

전문 영한번역가. 워드프레스 애호가. 네이버 카페 「워프사」 운영.

댓글 남기기

Leave a Comment

카카오톡 상담 카톡 서비스 상담