彈性布局在父、子元素上都有相對應的屬性來規(guī)范子元素在父元素中的“彈力”。
① 給父容器添加display:flex/inline-flex;屬性,即可使容器內容采用彈性布局顯示,而不遵循常規(guī)文檔流的顯示方式;
② 容器添加彈性布局后,僅僅是容器內容采用彈性布局,而容器自身在文檔流中的定位方式依然遵循常規(guī)文檔流;
③ display:flex;容器添加彈性布局后,顯示為塊級元素;
display: inline-flex;容器添加彈性布局后,顯示為行級元素;
④ 設為 Flex 布局以后,子元素的float、clear和vertical-align屬性將失效。但是position定位屬性依然生效。