<div style="float: left; margin-left: 10px">Float Block</div>를 사용하게 될 경우 margin-left 는 10px 이 아니라 20px 이 됩니다. 이 현상은 IE6 에서도 여전히 발견되는 현상입니다. 왜 margin 이 두배의 값을 같는지는 알 수 없지만. 위와 같은 형태로 사용을 하게 되면 IE 에서는 원하는 결과를 얻을 수 없습니다.
margin 을 주기 위해서는 parent block 에서 margin 을 결정하고 float block 은 단지 parent block 의 contents edge 에 float 하는 방법을 써야 합니다.
<div style="margin-left: 10px"> <div style="float: left;"> FloatBlock </div> </div>이렇게 써야 하지요.
팁이라기 보다는 error report 같군요...^^
February 20, 2004 04:42 PM
안녕하세요, 
웹 접근성을 고려한 콘텐츠 제작 기법 2.0
실전 HTML5 가이드
실전 웹표준 가이드
Comments