怎么定义一个DIV在另一个DIV左顶点的相对位置[可以任意更改窗口大小位置不变]
日期：2014-05-16 浏览次数：20373 次
如何定义一个DIV在另一个DIV左顶点的相对位置[可以任意更改窗口大小位置不变]。高手指点
如何定义一个DIV在另一个DIV左顶点的相对位置[可以任意更改窗口大小位置不变]。高手指点
------解决方案--------------------
这个div是另一个div的子节点
position:absolute;top:xx;left:xx
拖动的时候只改变width/height
------解决方案--------------------
<HTML>
<HEAD>
<style>
.divstyle {width:150px; height:300px; border:1px solid green; background-color:#EEEEEE;}
</style>
<script>
function init(){
var div1=document.getElementById( 'div1 ');
var div2=document.getElementById( 'div2 ');
div2.style.left=div1.offsetLeft+15; //div2相对于div1的左上角x轴偏移量
div2.style.top=div1.offsetTop+15; //div2相对于div1的左上角y轴偏移量
}
</script>
</head>
<body onload= "init() ">
<div id= "div1 " class= "divstyle " style= "position:absolute; left:50px; top:50px; z-index:1; "> 层一 </div>
<div id= "div2 " class= "divstyle " style= "position:relative; z-index:2; "> 层二 </div>
</BODY>
</HTML>
如何定义一个DIV在另一个DIV左顶点的相对位置[可以任意更改窗口大小位置不变]。高手指点
------解决方案--------------------
这个div是另一个div的子节点
position:absolute;top:xx;left:xx
拖动的时候只改变width/height
------解决方案--------------------
<HTML>
<HEAD>
<style>
.divstyle {width:150px; height:300px; border:1px solid green; background-color:#EEEEEE;}
</style>
<script>
function init(){
var div1=document.getElementById( 'div1 ');
var div2=document.getElementById( 'div2 ');
div2.style.left=div1.offsetLeft+15; //div2相对于div1的左上角x轴偏移量
div2.style.top=div1.offsetTop+15; //div2相对于div1的左上角y轴偏移量
}
</script>
</head>
<body onload= "init() ">
<div id= "div1 " class= "divstyle " style= "position:absolute; left:50px; top:50px; z-index:1; "> 层一 </div>
<div id= "div2 " class= "divstyle " style= "position:relative; z-index:2; "> 层二 </div>
</BODY>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
