이번에 배우고자 하는 내용으로는 절대 포지션으로 position 태그에 absolute 속성과, 고정 포지션으로 flxed 속성, 그리고 레이아웃으로 사용빈도가 높은 flex 의 기본에 대해서 살표보고자 합니다.
1. 절대 포지션 absolute
2. 고정 포지션
1. 절대 포지션 absolute
position 의 속성에 따라서 속성을 absolute 을 주게되면 부모값과 상관없이 기본값의 위치를 지정하게 되며, 다시 말해 절대 포지션의 경우에는 부모값과 상관없이 위치를 지정하고, 상대포지션은 부모값에 따라서 위치를 이동하게 됩니다.
2. 고정 포지션
position 포지선의 속성을 fixed 을 주게 되면 부모값과 상관없이 기본 위치로 지정하게 되며 고정 포지션인 fixed는 스크롤과 상관없이 화면에 고정 되게 하기 위해서 사용하게 됩니다.
3. 레이아웃 flex의 기본
3. 레이아웃 flex의 기본
부모값에 display 를 부여하게 되면 텍스트 값에 따라서 세로방향으로 바뀌게 되며, flex-direction 속성을 row 는 가로 방향으로 column 값을 지정하게 되면 세로방향으로 바뀌게 됩니다.
우리가 홈페이지 레이아웃을 을 만들때에 주로 사용하게 되면 절대, 고정 포지션과, flex에 대해서 살펴보았는데요. flex의 정렬방식에 따라서 가로 또는 세로 값으로 지정할수가 있습니다.
