文档流和定位的查漏补缺

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

定位:

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

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

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

margin-top:-10px;

position:relative; top:-10px;

float:left/right; top:-10px;

position:absolute; top:-10px;

 

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

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

 

posted @ 2016-06-27 18:25    阅读(173)  评论(0编辑  收藏  举报