文档流和定位的查漏补缺

Posted 2020-07-31

文档流：自上而下分成一行一行，每行中从左至右的顺序排列元素。网页大部分对象都占用文档流。

定位：

float 浮动比较有用的是，前面的内容设置浮动后，如果不进行清除，后面的标签会跟上来，且标签里面的内容会排在设有浮动标签的后面，但其标签是占有整行的。

position position设置了absolute，不对其设置left或top的话是不会改变位置的。

如果设置top负值的话有以下几种方法

margin-top:-10px;

position:relative/absolute; top:-10px;

 

transform 变换元素改变了形状，但新的形状不会影响文档流动。

z-index 设置元素的堆叠顺序，通过position激活，脱离文档流后不设置z-index也会漂浮在上面。