UC知道DW 层与子层的相对位置
来源：百度知道 编辑：UC知道 时间：2024/09/22 04:07:07
#Layer1 {margin-right:auto;
margin-left:auto;
width:777px;
height:800px;
z-index:1;
text-align:left;
left: 0;
top: 0;
background-image: url(images/index/bg_beijing.jpg);
background-repeat: no-repeat;
}
#Layer2 {
position:relative;
width:400px;
height:100px;
z-index:1;
left: 100;
top: 100;
}
</style>
</head>
<body>
<div id="Layer_beijing">
<div id="Layer1_biaoti">sdfsdfsfsfsfsf</div>
</div>
我这样写的,在DW里layer2是相对于layer1有一个left100 top100的距离,可是f12浏览后,就变成了layer2与layer1的左上角重叠的情况,请高手指点,小弟在此谢过!!
margin-left:auto;
width:777px;
height:800px;
z-index:1;
text-align:left;
left: 0;
top: 0;
background-image: url(images/index/bg_beijing.jpg);
background-repeat: no-repeat;
}
#Layer2 {
position:relative;
width:400px;
height:100px;
z-index:1;
left: 100;
top: 100;
}
</style>
</head>
<body>
<div id="Layer_beijing">
<div id="Layer1_biaoti">sdfsdfsfsfsfsf</div>
</div>
我这样写的,在DW里layer2是相对于layer1有一个left100 top100的距离,可是f12浏览后,就变成了layer2与layer1的左上角重叠的情况,请高手指点,小弟在此谢过!!
首先是你调用的ID就是错误的。
<div id="layer1">
<div id="layer2">sdfsdfsfsfsfsf</div>
</div>
改成这样后应该就有效果了。
要是还是不行，就用下面的方法：
1. 给layer1加上这个属性 position:relative;
2. 把layer2的position:relative;改成position:absolute;
其他不变。