본문 바로가기
개발/CSS

position : absolute

by 안뇽! 2021. 11. 6.
반응형

이전에 absolute는 relative안에서 움직인다는 글을 썼다.

 

https://wnsdufdl.tistory.com/174?category=1012887 

 

position : relative와 absolute

relative안에서 absolute가 움직인다. 1. relative : 화면전체 , absolute : 위에서 20% 내려옴(top:20%;) 2. relative : 위에서 400px내려옴(top : 400px;) , absolute : 위에서 20% 내려옴(top:20%;) 3. rela..

wnsdufdl.tistory.com


오늘 position:absolute를 적용하면 다른 엘리먼트들이 position:absolute를 적용한 엘리먼트의 공간을 무시한다.

 

글로쓰니 뭔소린지 모르겠다 직접 보자.

 

 

1. login__body에 position:absolute를 적용하지 않았을때

 

2. login__body에 position:absolute를 적용했을때

 

위에서부터 차곡차곡 내려오지 않고 파란박스의 자리를 무시한채 빨간박스가 가장위로 올라가버린다.

 

반응형

'개발 > CSS' 카테고리의 다른 글

gap 속성과 margin 속성의 차이  (0) 2022.01.30
Flex박스 속성 : grow, shrink, basis  (0) 2022.01.29
position : relative와 absolute  (0) 2021.10.17
특정 이미지 바깥 배경 흐리게 만들기  (0) 2021.09.15
CSS flex box  (0) 2021.08.01