반응형
이전에 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 |
