>웹 프론트엔드 >JS 튜토리얼 >IE에서: float 속성은 offsetTop_javascript 기술 값에 영향을 미칩니다.

IE에서: float 속성은 offsetTop_javascript 기술 값에 영향을 미칩니다.

WBOY
WBOY원래의
2016-05-16 19:22:491719검색

페이지 상단에서 HTML 요소(예: div)의 높이를 찾아야 하기 때문에 offsetTop을 사용하여 값을 얻으려고 합니다. 그러나 CSS에서 float:left; 같은 값을 얻지 못할 것입니다.

Float:left는 사용되지 않습니다. 얻은 값은 200의 일반 값입니다.
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

offsetTop에 부동



#메인 {패딩:100px;}
#IECN {너비:200px;높이:50px;배경:#f00;색상:# fff;}



#Main {padding:100px;}은 float 속성을 사용하지 않습니다. 획득한 offsetTop 값 Normal: 200.

시도하려면 여기를 클릭하세요




nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
사용된 float :left ;, 값이 100이 되었는데, 이유 없이 100이 작아졌습니다


Float가 offsetTop에 미치는 영향







#Main {padding:100px;float:left;}는 float 속성을 사용하며, offsetTop의 값을 얻습니다. 100에 불과하며 아무 이유 없이 100이 적습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.