码迷,mamicode.com
首页 > 其他好文 > 详细

文档流和定位的查漏补缺

时间:2016-06-27 19:24:27      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

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

定位:

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

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

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

margin-top:-10px;

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

 

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

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

 

文档流和定位的查漏补缺

标签:

原文地址:http://www.cnblogs.com/chenlily/p/5594682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!