flex-ex-생활코딩에서 연습

// flex-ex 생활코딩 폴더에서.

예제에서 보면,

컨테이너 너비의 90%만 쓰니 여백이 생긴다.

flex-grow:1이여도 여백이 생긴다. max-width가 있어서..

그래도 삭제하면 다 채워진다.

 

 

1. 

 

width:160px로 하고, flex-shrink:0

하면 식별이 된다. 하지만 width:80%  퍼센트로 하니 식별이 안된다.

위코드를 보면 

max-width를 삭제하고 width:160px는 유지된다.

flex-grow:1로 되어있으니 꽉 찬다.

 

flex-shrink를 이해한거같았는데 0을 지워도 똑같네;;;;

width:160px  px로 고정이 되어있어서 그랬던거네..flex-shrink:0떄문이 아니라....흠..