이것 저것
*zoom 핵 본문
출처 = https://ofcourse.kr/css-course/clear-%EC%86%8D%EC%84%B1
<style type="text/css">
.clearfix{ *zoom: 1; }
.clearfix:after{ content: ""; display: block; clear: both }
</style>
<div class="box-container clearfix">
<div class="box" style="float: left">박스1</div>
<div class="box" style="float: right">박스2</div>
</div>
<div>박스 아래에 나타나야 하는 내용</div>
ie7이하에서는 :after를 인식하지 못해서 *핵을 사용하여 플로트 해제를 해준다.
ie8에서는 :before, :after를 모두 지원이 되기 때문에 앞으로는 쓰게 될 일이 없을것 같다.
프로퍼티에 *를 붙이는 핵은 ie7에서만 작동하는 핵이다.
Comments