如何使用CSS定位div标签

Question

我在使用 CSS 定位div标记方面遇到了问题。

您会使用哪些代码来div 位于顶部，右上角，左上角等。 ？

Answer 1

使用position: absolute和top，left，bottom和right CSS属性：

.top { top: 0 }
.bottom { bottom: 0 }
.left { left: 0 }
.right { right: 0 }
.center { left: 0; right: 0; margin: 0 auto; }

div {
  position: absolute;
  width: 5em;
  height: 5em;
  background-color: green;
}

<div class="top center"></div>
<div class="bottom center"></div>
<div class="top left"></div>
<div class="bottom left"></div>
<div class="top right"></div>
<div class="bottom right"></div>