一、Flex 布局简介
咱来说说 Flex 布局哈,这就是弹性盒子布局,是 CSS3 里一种特厉害的布局办法。它能轻轻松松弄出各种复杂的布局效果,让元素变得有弹性,能适应不同的页面大小还有设备。IE10 以及更高的版本支持它,在移动端和那些现代浏览器里可流行啦。
Flex 布局意思就是 “弹性布局”,能给盒状模型提供最大的灵活性。随便哪个容器都能指定成 Flex 布局,行内元素也行。得注意哈,设成 Flex 布局以后,子元素的 float、clear 还有 vertical-align 属性就没用啦。