티스토리 뷰
반응형
display
block
- div
- 커지려는 속성
- width, height를 가짐
- 연속으로 배치될 때 개행처리
inline
- span
- 컨텐트만 감싸도록 쪼그라드는 속성
- width, height 무시
- 안에 내용이 있어야지만 표시됨
- 연속으로 있을 때 한줄로 표시됨
inline-block
- 한줄로 표시되지만 블락요소처럼 높이와 너비를 가질 수 있음
position
static
- 기본값
- 태그 순서대로 자연스럽게 배치
- top, left 무시
relative
- 원래 위치에서 상대적으로 떨어짐
absolute
- 해당 요소를 감싸는 상위 요소를 기준으로 위치를 잡음
fixed
- 해당 화면 스크린을 기준으로 위치를 잡음
sticky
- static 과 동일한데 특별히 스크롤시에 뒤로 넘어가서 사라지지 않음
반응형
댓글