728x90
static( 정적위치 ) :
position을 지정하지 않으면 position의 default 값은 static 입니다.
배치형태 - 왼쪽에서 오른쪽으로 위에서 아래로 배치됩니다.
relative( 상대적 위치 ) :
부모 요소 기준으로 위치를 조정 할 수 있다.
초기 위치 값의 영역이 다른요소에 영향을 준다.
배치형태 - top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)
absolute( 절대적 위치 ) :
position이 static이 아닌 부모를 기준으로 위치를 조정 할 수 있다. 초기 위치 값의 영역이 다른요소에 영향을 주지 않는다.
배치형태 - top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)
fixed( 고정 위치 ) :
최상위 부모 body 기준 브라우저 화면이 보이는 영역내에서 고정된 위치에 배치 할 수 있다.
배치형태 - top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)
'웹코딩 > css3' 카테고리의 다른 글
| CSS3 background 속성 (2) | 2022.01.18 |
|---|---|
| CSS 문자열 속성 선택자 (0) | 2022.01.18 |
| 웹에서 제공하는 단위 (0) | 2022.01.12 |
| CSS3 중요 규칙 (0) | 2022.01.12 |
| CSS (cascading HTML style sheets) (0) | 2022.01.06 |