Flex布局

Flex布局整理：替代传统的margin+padding+float属性布局；
官方文档：https://www.runoob.com/w3cnote/flex-grammar.html
Flex是Flexible Box的缩写。意为：弹性布局。

//块状元素弹性布局
.box{
	display:flex;
}
//行内元素使用弹性布局
.box{
	display:inline-flex;	
}
//注意：webkit内核浏览器（safari）
.box{
	display:-webkit-flex;
}
//这种布局下，子元素的悬浮float，clear，vertical-align