关于position:relative left:50%的问题?
代码:
<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%却没有效果?
代码:
<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%却没有效果?
2016-03-01
举报