CSS에서 position
속성은 문서에서 요소를 배치하는 방법을 지정할때 사용된다.
top - right - bottom - left
순서로, 이 4가지 속성으로 요소를 배치한다.
position: static
position: relative
position: absolute
position: fixed
position: sticky
...
position: static
position: relative
position: absolute
position: fixed
position: sticky
display 는 요소를 inline
과 block
요소 중 어느 쪽으로 처리할지를 결정한다.
모든 HTML 요소는 하나의 display 값을 갖는다.
(대부분 inline
또는 block
이다.)
span
, a
, img
등이 있다.div
, p
, ul
, form
, h1
등이 있다.display: none
display: inline
display: inline-block
display: block
display: none
요소를 보이지 않게 한다.
display: inline
요소의 전후 줄바꿈이 없어 한 줄에 다른 요소와 함께 나란히 배치할 때 사용한다. ex) span
,a
,img
display: block
div
, p
, h1
display: inline-block