為什么我的box4不能居中
#box3{
??? width:200px;
??? height:200px;
??? position:relative;
??????????
}
#box4{
??? width:40px;
??? height:50%;
??? font-size:10px;
??position:absolute;
??? top:50%;
??? margin:0 auto;
???
}
</style>
</head>
<body>
<div id="box1">
?<div id="box2">相對參照元素進行定位</div>
</div>
<h1>下面是任務部分</h1>
<div id="box3">
??? <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
??? <div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>
</div>
</body>
</html>
2019-07-25
你的box4的高度是它父輩元素的50%(這里也就是100px)。然后#box4樣式里面絕對定位的top屬性，又是向下50%(這里也是100px），自然是不能居中了，你改成25%試下