dreamweaver中，怎样设置参照,让层相对定位？
我设了一个表格和一个层，怎么能让层相对表格定位？在不同屏幕分辨率下，让它们两个的相对位置不变？注：我用的Dreamweaver8.0。...
我设了一个表格和一个层，怎么能让层相对表格定位？在不同屏幕分辨率下，让它们两个的相对位置不变？注：我用的Dreamweaver 8.0。
展开
4个回答
展开全部
定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。针对你的问题，这里重点介绍相对定位：
1、相对定位(relative)：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
2、相对定位需要达成几个条件：
1）参照物：相对谁来进行定位，如何确定参照物；
2）相对的方式是什么：左右偏移、上下偏移等；
3）偏移的量是多少；
看一下下面的例子：
demo：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title id="title">ceshi</title>
</head>
<style>
#d1{width: 500px;height: 300px;background:red;}
#d2{width: 200px;height: 100px;background:blue;}
</style>
<body>
<div id="d1" style="position: relative;margin-left: 100px;">
<div id="d2" style="position: absolute; left: 50px;"></div>
</div>
</body>
</html>
demo效果图：
参照物：d1，属性：position: relative，决定他为父级，如果去掉该属性，d2的参照物就变成body如图：
;
偏移方式：左右偏移，left: 50px，相对于参照物向左偏移50px，也就是d2左边距离d1左边50px；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<tabel> 这是一个表格!</table><div> 这是一个层!这里表示层永远显示在上面的表格之下！如果放在上面则层显示在表格之上，表格在下！ <div>这就是一个子层，把一个层放在父层里面就是一个子层</div></div>注：不懂再问哦，很乐意帮你解决！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给用作参照的层添加position：relative；，同时给要找参照的层添加position:absolute;即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
table{position:absolute}div{position:releative} 原理就是这样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
