彈性布局的使用

彈性布局在父、子元素上都有相對應(yīng)的屬性來規(guī)范子元素在父元素中的“彈力”。

①　給父容器添加display:flex/inline-flex;屬性，即可使容器內(nèi)容采用彈性布局顯示，而不遵循常規(guī)文檔流的顯示方式；

②　容器添加彈性布局后，僅僅是容器內(nèi)容采用彈性布局，而容器自身在文檔流中的定位方式依然遵循常規(guī)文檔流；

③　display:flex;容器添加彈性布局后，顯示為塊級元素；

    display: inline-flex;容器添加彈性布局后，顯示為行級元素；

④　設(shè)為 Flex 布局以后，子元素的float、clear和vertical-align屬性將失效。但是position定位屬性依然生效。