CSS:flex

#main div {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    flex: 1;
}

CSS :float

이 flex속성은 다음에 대한 속기 속성입니다.

• flex-grow
• flex-shrink
• flex-basis

속성

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

• flex-grow :유연한 나머지 항목에 대해 항목이 증가할 양을 지정하는 숫자
• flex-shrink :나머지 유연성 품목에 대해 품목이 축소되는 정도를 지정하는 숫자
• flex-basis :항목의 길이. 법적 값: “auto”, “inherit” 또는 숫자 뒤에 “%”, “px”, “em” 또는 기타 길이 단위가 붙는다.
• auto :1 1 auto와 동일.
• none :0 0 auto와 동일.
• initial : 0 1 auto 와 같습니다.
• inherit :속성을 상속 받습니다.