width:100%를 주면
화면의 사이즈가 커지면 커질 수록 그에 맞춰 너비도 100% 채울 수 있게 계~~속 늘어난다.
그런데 계~~속 늘어나다가 element의 너비가 736px이 되면 거기서 멈춤.
화면이 아~~~무리 커져도 element가 가질 수 있는 최대 너비는 736px;
화면 사이즈가 736px보다 작을 때는
element의 너비가 화면을 꽉 채우지만 (100%)
화면 사이즈가 736px보다 더 커지면 (화면이 아~~~무리 커져도)
element의 너비는 736px보다 더 커지지 않는다.
(+화면 사이즈가 736px보다 더 커졌을 때,
element의 배치는
padding이나 margin 등의 속성을 넣어서 잘,, 알아서,, 스타일링..)
'CSS > learned_it_today' 카테고리의 다른 글
작은 아이콘, 이모지가 옆의 글자들과 높이 맞춰주기 (0) | 2020.10.26 |
---|---|
세로가 긴 이미지, 가로가 긴 이미지 div에 맞추기 (0) | 2020.10.26 |
position:fix인 배너 bottom:0(모바일) -> top:0(데스크탑)으로 갈 때 (0) | 2020.10.23 |
position:absolute;의 기준점 부모는 position:static만 아니면 된다. (0) | 2020.10.22 |
모달(modal) viewport 중앙에 위치 시키기 (0) | 2020.10.22 |