Skip to content

Latest commit

 

History

History
35 lines (29 loc) · 594 Bytes

#40-水平垂直居中.md

File metadata and controls

35 lines (29 loc) · 594 Bytes

题目描述:

有一个 div#wrapper 元素,高、宽度都未知。它其中有一个宽高都为 100pxdiv#box 元素,请你完成 CSS,使得 div#boxdiv#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;
}