CSS 2nd : position, float, dlear, overflow, display, visibility
CSS사용
위치
- position
- top
- right
- left
- bottom
- z-index
position 예제 1
position 예제 1_첫번째
position 예제 1_두번째
position 예제 1_세번째
position 예제 2
position 예제 2_첫번째
position 예제 2_두번째
position 예제 2_세번째
positiion속성
위치에 대한 속성
- static
- Default값, 일반적인 내용물들의 흐름. 상단과 좌측에서 거리를 지정할 수 없음
- relative
- 일반적인 내용물들의 흐름을 말하지만, 상단과 좌측에서 거리 지정이 가능
- absolute
- 부모 속성으로 부터 top, left, bottom, right등의 절대적인 위치
- fixed
- 고정, scroll이 일어나도 항상 브라우저 화면상의 지정된 위치에 고정
- inherit
- 부모속성을 상속
흐름
- float
- clear
float 예제 1
float 예제 1_첫번째
float 예제 1_두번째
float 예제 1_세번째
넘침
- overflow
표시
- display
- visibility