                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

相对定位的问题

如果是两个div都设置为relative，那么布局又是什么样，我怎么调试不出来，哪位大师提供一下代码

222王力宏

2015-04-20

源自：初识HTML(5)+CSS(3)-升级版 13-7

关注问题我要回答

869

操作

收起

3 回答

慕田峪8401036
2022-07-24

应该不会啊，你可以试试这个，本文有个divid=main $(#039;#main#039;)[0].style.webkitTransform=#039;translate3d(200px,0,0)#039;;

0 回复有任何疑惑可以回复我~

收起回答

Jesuer
2015-08-13

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
#div1{
    width:200px;
    height:200px;
    border:2px red solid;
    position:relative;
    left:100px;
    top:50px;
}
#div2{
    width:200px;
    height:200px;
    border:2px red solid;
    position:relative;
    left:100px;
    top:50px;
}

</style>
</head>
<body>
    <div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span>
    <div id="div2"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span>
</body>
</html>

这就是两个div设置相对定位，你看看