CSS 속성종류 3_CSS

기본설정

<style>
	#wrap{border:1px solid #000;height:300px;}
	.box{width:100px;height:100px;border:1px solid #000;}
</style>
<div id="wrap">
	<div class="position01 box">
		
	</div>
</div>

 

position, z-index

- position : 블럭요소 배치 옵션 설정

absolute	position 값이 설정된 relative 부모태그 기준으로 절대 위치에 배치
fixed	디바이스 크기의 절대 위치에 배치

- z - index : 블럭요소 앞뒤 정렬 옵션 ( 높은 수가 제일 앞으로 )

- top : 상단 절댓값

- left : 왼쪽 절댓값

- right : 오른쪽 절댓값

- bottom : 하단 절댓값

.position01{
		position:absolute;
		top:10px;
		left:10px;
		background-color:red;
	}