본문 바로가기

CSS/learned_it_today

width:100%; max-width:736px;

width:100%를 주면

화면의 사이즈가 커지면 커질 수록 그에 맞춰 너비도 100% 채울 수 있게 계~~속 늘어난다.

그런데 계~~속 늘어나다가 element의 너비가 736px이 되면 거기서 멈춤.

화면이 아~~~무리 커져도 element가 가질 수 있는 최대 너비는 736px;

 

 

 

 

 

화면 사이즈가 736px보다 작을 때는 

element의 너비가 화면을 꽉 채우지만 (100%)

화면 사이즈가 736px보다 더 커지면 (화면이 아~~~무리 커져도)

element의 너비는 736px보다 더 커지지 않는다.

 

 

 

 

 

 

 

(+화면 사이즈가 736px보다 더 커졌을 때,

element의 배치는

padding이나 margin 등의 속성을 넣어서 잘,, 알아서,, 스타일링..)