부모 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;
일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.