JSFiddle - React, Tailwind, and code Playground

by zicai

HTML

<div id="relative"></div>
<div id="absolute"></div>
<div id="fixed"></div>
<div id="static"></div>
<div id="float"></div>

CSS

#relative{
    position:relative;
}
#absolute{
    position:absolute;
}
#fixed{
    position:fixed;
}
#float{
    float:left;
}

JavaScript

//在IE下运行下面代码
console.log(document.getElementById('relative').currentStyle.hasLayout);
console.log(document.getElementById('static').currentStyle.hasLayout);
console.log(" absolute fixed float 都可以触发hasLayout");
console.log(document.getElementById('absolute').currentStyle.hasLayout);
console.log(document.getElementById('fixed').currentStyle.hasLayout);
console.log(document.getElementById('float').currentStyle.hasLayout);