반응형
width: 100%와 max-width: 100%의 차이점이 존재한다. 컨테이너의 크기보다 큰 요소에 사용할 경우 두 property 모두 컨테이너의 크기만큼 줄여준다. 하지만 컨테이너의 크기보다 작은 경우 width:100%는 컨테이너의 크기에 맞추어 늘려주고 max-width:100%는 원래 컨텐츠의 크기를 유지시킨다.
반응형
'웹프로그래밍 > CSS' 카테고리의 다른 글
| CSS FLEXBOX (0) | 2024.02.03 |
|---|---|
| CSS transform (0) | 2024.02.01 |
| CSS position (0) | 2024.02.01 |
| CSS units (0) | 2024.02.01 |
| CSS selector (0) | 2024.01.31 |