목록position fixed (1)

지지나

CSS - position 3. fixed

전 포스팅까지 css position static, absolute, relative에 대해 다뤘었고, 이번에는 마지막 남은 포지션인 fixed에 대해서 알아보려고 한다. 먼저 예제를 아래와 같이 만들어 보았다. me의 포지션은 absolute에 left:0, top:0의 값을 가지고 large의 높이가 1만 픽셀이기 때문에 부피가 커져서 브라우저에 스크롤이 생겼다. 이 스크롤을 따라서 내리면 초록색 large만 남게 된다. 그런데 여기서 me의 포지션을 fixed로 하면 어떻게 될까? 예상했듯, 스크롤을 내려도 내려도 me는 left:0, top:0에 고정이다. 그렇다면 응용해서 me를 하단 전체를 잡고 가운데 정렬을 하려면 어떻게 하면 될까? bottom에 기본값을 두고 width 100%로 화면 전..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 7. 15. 13:54
Prev 1 Next