# CSS - position

unboxing96

기준 설정: position 속성이동: top, bottom, left right 속성을 통해 요소의 최종 위치를 결정staticHTML elements는 기본적으로 static작성된 문서의 일반적인 흐름을 따름top, bottom, left right 속성에 영향 받

james3299

static : default 값, 잘 안쓰긴 하지만, 앞서 설정한 position을 무시하기 위해서 사용되기도 함.relative : default 값에서 상대적인 위치를 변경해주고자 top, bottom, left, right 값에 픽셀을 지정해 위치를 변경함.ab

ny_plus_ny

TIL 02 - CSS layout / Position

e_ong

블럭 요소들을 가로 정렬 할때 사용 하는 속성. 요소를 공중에 붕 띄우는 개념.하위요소를 float 설정-> 상위요소 height 값이 지정되어있지않다면 height 값은 0이 됨💡 해결 방법 상위요소의 높이값을 설정(문제: 하위요소 높이 달라지면 같이 바꿔줘야함

max-sum

position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 > position MDN형님은 position에 대해 "요소 박스에 대한 상대 좌표를 나타내는 2차원 좌표입니다."라고 요약해 주셨다

hyacinta

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Box 모델 css를 사용하여 브라우저의 화면을 구성하기 위해서는 box 모델을 이해하는 것이 매우 중요하다. css의 property중에는 html의 박스타입에 영향을 주는 property가 있

neity16

(본 게시글은 https://www.youtube.com/watch?v=X91jsJyZofw 를 참조하였습니다.) : 마우스가 올라갔을 때 표시되는 것 : 위치를 변경하고 싶을 때 사용 1) relative : 위치를 조금만 변경할 때 (top / botto