# positioning

yeonn

Float은 사전적인 의미로 '떠오르다', '떠다니다' 이다. 웹페이지 에서 객체를 왼쪽이나 오른쪽으로 배치할 때 사용된다.위와 같이 작성하여 요소를 배치할 수 있다.float 속성으로 박스를 배치하면 이어지는 다른 요소들에도 동일한 float 속성값이 적용된다. 이

ohmy0418

요소를 일반적인 문서 흐름에 따라 배치한다.positon: sticky 속성을 적용한 요소는 평소 문서 안에서 positon: static 상태와 같이 일반적인 문서 흐름에 따라 배치해 있다가, 스크롤 위치가 임계점(내가 지정한 top / bottom / left /

parkjisu6239

css에서 element의 위치를 변경하는 방법 중에 transform과 positioning(top, left..) 가 있다. 둘 다 육안으로 보이는 결과화면은 같지만, 어떤 상황에서 무엇을 쓰는 게 더 적절할지 알아보려고 한다.

dongho18

포지셔닝의 큰 개념은 일반적인 문서 흐름을 벗어나 흥미로운 효과를 낼 수 있도록 만들어준다. 예를 들면, 박스의 위치를 보통 흐름 에서 벗어나 위치를 약간 변경한다거나, 박스 위에 박스를 겹치게 한다거나, 스크롤 해도 항상 브라우저 창 동일한 위치에 놓이게 하고 싶다든

charlie-lyc

Box Model and Layout

teddybearjung

static : 기본값, 이 상태에서는 요소를 뭐 top, bottom, left, right 적용 자체가 불가능하다. (float 속성 사용은가능)relative: static 처럼 나열 순서대로 배치되나 드디어 top, bottom, left, right 적용을 할