定位布局positionstatic(默认)非定位元素relative定位元素(相对定位)参考点:原定位特征:不脱离文档流(默认宽度100%,原在文档中flow位置不会被抢占),但可以叠加在其他元素上。绝对定位元素(absolutepositioning)参考点:离它最近的父定位元素,如果不是,参考视口特性:出文档流(宽度由内容决定,原文档流的位置为被其他元素抢占)固定定位元素(fixedpositioning)特性:脱离文档流参考点:相对于浏览器视口,不会随着网页滚动而滚动粘性定位元素(stickypositioning【CSS3新特性】)特性:不脱离文档流是relative和fixed的集合,使用top/left/right/bottom来设置过渡点,当超过这个临界点时,fixe在网页中固定feature只能定位元素只有定位属性top、left、bottom和right可以用来改变定位元素在z轴上的位置。z-index默认为0,值越小,flexbox越低。功能:主要用于响应式(网页可以跟随终端屏幕合理调整大小布局)布局应用:1.父元素(宽高需明确)display:flexflex-direction:row/columnflex-wrap:nowrap/wrap2.子元素flex-basicflex-grow:flex-shrink:flex:growshrinbasic;弹性:成长;
