關(guān)于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%卻沒有效果?
2016-03-01
這個以body為參照,就是移動頁面寬度的50%
頁面的長度是沒有限制的 ,你可以一直滾動頁面往下拉,so
2016-03-01
left:50%代表父級容器的一半寬度。在你這里是body.
在父級div上加一個position:relative,這里用absolute試試?
2016-03-01
div1是放置在body中,所以是移動body的50%