CSS를 사용하여 div 태그를 배치하는 방법

Question

을 사용하여 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>