一个很叼 的技巧，直接上代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
margin:0;
}
#outerBox{
width: 200px;
height: 100px;
margin: 10px auto;
background:silver;
}
#innerBox{
position: absolute;
top: 70px;
width: 100px;
height: 50px;
background:orange;
}
</style>
</head>
<body>
<div id="outerBox">
<div id="innerBox"></div>
</div>
</body>
</html>
可以看到，在outerBox中没有设置position。所以，该innerBox就会以浏览器为基准对象，进行偏移。在innerBox中，设置了position为absolute，然后仅仅设置了top为70px，没有设置水平方向的偏移，所以最终的结果是，水平方向保持原来的位置，左侧与outerBox的左侧对齐，而竖直方向距离浏览器窗口的顶部为70px。。。ok，就这样啦
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
