关于position:relative left:50%的问题？
来源：13-7 相对于自己的位置-层模型之相对定位
Eason_Mar
2016-03-01 21:31
代码：
<style>
#div1{
width:200px;
height:200px;
border:2px red solid;
position:relative;
left:50%;
top:50%;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
left:50%这代表什么？为什么是移动body的50%的距离？
为什么使用top:50%却没有效果？
写回答
关注
3回答
-
- lili_hbue
- 2016-03-01 21:49:27
这个以body为参照，就是移动页面宽度的50%
页面的长度是没有限制的 ，你可以一直滚动页面往下拉，so
-
- 一介帽男
- 2016-03-01 21:56:55
left:50%代表父级容器的一半宽度。在你这里是body.
在父级div上加一个position：relative,这里用absolute试试？
-
- qq_将下无人_0
- 2016-03-01 21:46:20
div1是放置在body中，所以是移动body的50%
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1223097 学习 · 18212 问题
相似问题