Day64 - [css]레이아웃(포지션)

이번에는 css 레이아웃을 만들때, 사용하는 포지션을 알아 봅시다. 포지션 포지션은 html 에서, x, y 축을 지정해서 상자 or 컨텐츠 를 배치하는 방법 입니다. 포지션에서 알아보고 갈 것은 크게 absolute, relative, fixed 가 있습니다. 포지션에서 상자 또는 컨텐츠를 이동시킬 것에 absoulte 를 , 기준이 되는 부모요소에 relative 를 넣어 줍니다. 포지션을 사용할 때는 항상 left/right , top/bottom 을 지정 해주어야 합니다. 아래와 같이, 상자들을 만들어 주었을 때, 포지션2를 움직여 볼 건데요 포지션2 인 inner2 에 absoulte 를 넣어 줍니다. 그리고, 좌표의 기준이 되어 줄 부모요소 content 에 relative 를 넣어 줍니다. ..

2021.05.18