题目描述:
有一个 div#wrapper
元素,高、宽度都未知。它其中有一个宽高都为 100px
的 div#box
元素,请你完成 CSS,使得 div#box
在 div#wrapper
内水平、垂直方向居中。
HTML:
<div id='wrapper'>
<div id='box'></div>
</div>
参考答案:
css:
#wrapper {
position: relative;
top: 0;
right: 0;
}
#box {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
right: 50%;
margin-right: -50px;
margin-top: -50px;
}