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

transform对定位元素的影响

时间:2017-03-07 09:03:54      阅读:635      评论:0      收藏:0      [点我收藏+]

标签:相对   空间   stat   for   文档   orm   位置   ati   属性   

1、基本概念

absolute:生成绝对定位的元素,相对于除position:static 定位以外的第一个有定位属性的父元素进行定位,若父元素没有定位属性则相对于浏览器窗口的左上角定位,定位的元素不再占据文档的空间。

relative:生成相对定位的元素,相对于其正常位置进行定位,定位的元素仍然占据文档的空间。

 

2、transform对子元素定位的影响

父元素添加transform属性后,子元素定位参照变成父元素,包括定位left,top,和width。并且父元素任然占据位置,后面的兄弟元素不能覆盖,相当于添加了relative属性。但是left,top无效。

transform对定位元素的影响

标签:相对   空间   stat   for   文档   orm   位置   ati   属性   

原文地址:http://www.cnblogs.com/yzpweber/p/6512865.html

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