關(guān)于position:relative left:50%的問(wèn)題?
代碼:
<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%這代表什么?為什么是移動(dòng)body的50%的距離?
為什么使用top:50%卻沒(méi)有效果?
2016-03-01
這個(gè)以body為參照,就是移動(dòng)頁(yè)面寬度的50%
頁(yè)面的長(zhǎng)度是沒(méi)有限制的 ,你可以一直滾動(dòng)頁(yè)面往下拉,so
2016-03-01
left:50%代表父級(jí)容器的一半寬度。在你這里是body.
在父級(jí)div上加一個(gè)position:relative,這里用absolute試試?
2016-03-01
div1是放置在body中,所以是移動(dòng)body的50%