,如Safari, 需要加前缀*/
div {
display: -webkit-flex; /*Safari*/
display: lfex;
}
一旦设置为Flex容器, 则容器内子元素的...定位布局positon
随着页面复杂度的不断提升, 更多的属性被添加到HTML, CSS中
其中, CSS中的position属性具有革命性
使页面中的元素可以摆脱表格单元格的束缚,可以定位到窗口中的任何位置...再配合,,几乎可以完全任何页面布局
但是元素浮动后, 为了防止对它后面的同级元素产生影响, 就必须清除浮动clear
另外, 当元素之间具有层级关系时, 子元素的浮动会导致父元素失去高度...(N: 项目数量)
flex-grow: 2如果某个项目为2, 其它项目为1, 则它占据空间比其它项目多一倍
flex从剩余空间中分配项目所占的份数
前提是项目不要设置固定宽度, 由盒子在剩余空间中自动分配...----
6. align-self
该属性允许单个项目有与其它项目不一样的对齐方式, 可覆盖掉容器的flex-items属性
默认值: auto,表示继承父元素的align-items,如果没有父元素