반응형
css 작업 중 position: absolute를 사용하다보니 100%를 채워야하는 div의 width가 inline 요소 마냥 줄어드는 것을 목격하게 되었다. 해당 문제를 해결하기위해 찾아보니 다음과 같은 글을 발견할 수 있었다.
position: absolute가 inline-block로 바꾼다?
div 태그 안에 span 태그를 어떻게 가운데로 정렬 할지 고민중 position을 사용하기로 결정했습니다.보시다시피 span태그에 block속성도 주지 않았는데 width값이 정상적으로 적용됩니다.처음에 어> span
velog.io
position 속성의 absolute와 fixed는 해당 요소의 display 값을 inline-block으로 변경한다는 특징이 있다는 것이다.
position 속성을 지금까지 계속 사용하면서도 이러한 특성을 이제야 알게 된 것이 신기하면서 유익했다.
반응형
'Web-Frontend > CSS' 카테고리의 다른 글
| [CSS] Sass와 SCSS (0) | 2023.11.07 |
|---|---|
| [CSS] CSS 선택자 심화 (0) | 2023.11.07 |