如何使用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>