css - 选项卡的跨浏览器问题

Question

我创建了 <div>元素，我正在显示/隐藏 <div>使用 java 脚本..

但问题是它的位置在所有不同的浏览器上都不同

javascript如下

 <  script language="JavaScript" type="text/javascript">
var abc=false;
function showHide()
{
var a=document.getElementById("MainDiv");
var b=document.getElementById("myTestDiv");

if(abc==false)
{
abc=true;
b.style.top = a.offsetTop;
b.style.left = a.offsetParent;
b.style.display = "inline";
}
else{
abc=false;
b.style.display = "none";
}
}
</script>

html如下

 <div id="myTestDiv" style="border: 2px solid rgb(100, 149, 237); color:#23238e; background-color:#FFFFFF; position:absolute; width:14%; height:17%; display:none" >

Answer 1

为什么 b.style.left = a.offsetParent; ？ https://developer.mozilla.org/en/OffsetParent

我想你想要 b.style.left = a.offsetLeft;。无论如何，为什么要为此使用 JavaScript？你不能设置 position: relative; 的 MainDiv 和 top: 0; left: 0; of myTestDiv?