[ DIV ]
:: 영역을 구분지을 수 있게 해주는 엘리먼트
[ 속성 ]
position |
|
static |
css로 특별한 값을 지정해 주지 않아도 지정되는 값 중첩되지 않는 div를 여러개 지정하면 블럭처럼 쌓이는 기본 형식 |
relative |
하나만 지정할 경우 static과 별 차이가 없지만, 두개 이상 지정할 경우 하위 div는 absolute를 지정할 수 있다. |
absolute |
top, left, right, bottom 을 지정하여 원하는 위치에 지정하여 고정시킬 수있다. |
fixed |
absolute와 같다. absolute는 스크롤을 내리면 따라 내려가고 올라가지만, fixed는 스크롤에 상관없이 지정한 위치에 고정한다. |
inherit |
상위 div의 지정값을 상속받는다. |
float |
|
left |
left에 설정된 엘리먼트가 html 코드에서 바로 다음 엘리먼트의 왼쪽에 위치하게 된다. |
right |
다음 엘리먼트의 우측에 위치하게 된다. |
none |
속성을 부여하지 않는다. 자연스럽게 쌓이는 형태 |
inherit |
상위에서 지정한 값을 상속받는다. |
clear | 위에서 지정한 float속성들은 아래에도 영향을 받기 때문에 초기화가 필요한데 그 역할을 하는 속성 left, right 를 clear : left; 이런식으로 설정하며 both로 지정하면 둘다 초기화 시킨다. |
overflow |
|
visible |
내용을 자르지 않고 밖까지 넘어가도록 허용 |
hidden |
박스를 넘어갈 경우, 넘어가는 부분을 숨긴다. 잘림부분의 크기와 모양은 clip속성에 의해 결정된다 |
scroll |
기본적으로 박스에 스크롤을 제공 |
auto |
박스는 고정하고 컨텐츠의 양이 박스를 넘어갈 경우 스크롤을 만든다. |