只能用javascript脚本实现了
通过ID获取div1对象（假设为d），然后在js中通过jsoffsetleft和jsoffsettop获取div1左上角的绝对坐标，只要知道了div1左上角的绝对坐标，把div2相对与div1任何位置都不是问题了
你可以参考以下代码，刚写的，也许有错，但是你知道怎么回事就好了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
定位很多种，不只绝对和相对。
div绝对定位是指相对于整个页面的位置，相对定位是指相对于父div的位置，float属性是div浮动可以让div 向左或者向右，还可以居中。
绝对定位 相对定位，对象不可层叠，可以通过left，right，bottom，top等属性在正常文档流中偏移位置，可以通过z-index进行层次分级。
absolute 脱离文档流，通过left，right，bottom，top等属性在正常文档流中偏移位置，选取其最近的父极定位元素，当父级元素position为static时，该元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
div+css绝对定位,有X,Y坐标，在定位中，我们一般有四个方向，top，right，bottom，left，通过这4个来设置，如position：absoulte； left：10px； top:10px；就是说相对父级的位置往左10px；距上10px；通过代码来理解：
<html>
<head>
<style>
div{
width:300px;
height:30px;
border:1px solid #f00;
position:absoulte;
left:10px;
top:10px;
}
</head>
<body>
<div>
<p>我的位置</p>
</div>
</body>
</html>
呵呵，，不知道你会不会JQUERY，给你一个JQ的代码吧：
获取IMG绝对X,Y坐标，可以用offset()方法：
var X = $('#img1')offset()top;
var Y = $('#img1')offset()left;
获取相对(父元素)位置:
var X = $('#img1')position()top;
var Y = $('#img1')position()left;
你说的意思我倒是看懂了，不过恐怕不太好实现，因为你的DIV是写在子页里的，如果父窗体发生变化，那怎么办？要不你就试试，类似如下你在子页用JS设置：
divstylecssText="position:absolute;left:0;top:0;width:500px; height:100px; z-index:1;background-color: #ffffff; layer-background-color: #ffffff;";
不过我估计可能实现不了，因为你毕竟是在子页面中。不过如果你在父窗体里设置DIV，然后在IFRAME里调它，是不是更可行一些？
原因很不好判定，这种方式定位出现错误的原因挺多的，要考虑css和html的具体写法，有时候某些不标准的写法会造成jQuery的定位数据不准确。
建议换个方式，例如每个<tr>中第一列放置一个<th></th>，后面是<td>，然后你的红框放到<th>里面，这样计算量就小多了，而且显示的也快一点。
以上就是关于两个div没有父子关系，div1屏幕居中，我想让div2相对于div1处于某个位置该怎么做具体语法是全部的内容，包括:两个div没有父子关系，div1屏幕居中，我想让div2相对于div1处于某个位置该怎么做具体语法是、css样式表中，如何将一个DIV标签相对于另外一个DIV进行绝对定位、div绝对定位与相对定位以及float属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）