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

相对定位和绝对定位 left和margin-left

时间:2017-05-11 10:21:18      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:顺序   设置   ati   堆叠   static   存在   没有   dex   效果   

1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置, margin-left则只会出现在父对象的左边的相对位置,不考虑是否设置了position 。

2,通常情况下,我们元素的position属性的值默认为static 就是没有定位,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,z-index属性这时也不会有效。

3,对某元素设置了相对定位,它移动后仍占据着原来的空间,不会被其他块填补掉,它的偏移也不会把别的块从文档流中原来的位置挤开,会叠在其他元素之上,可用z-index调。

    被设置了绝对定位的元素不占空间,原位置被删除,也可用z-index来设置它们的堆叠顺序

4,设置为相对定位的元素,会相对于它的起点进行移动。

    设置为绝对定位的元素,绝对定位是“相对于”最近的已定位(非static,即relative,absolute或fixed)祖先元素,如果不存在已定位的祖先元素,那么会“相对于”<body>进行定位。

 

相对定位和绝对定位 left和margin-left

标签:顺序   设置   ati   堆叠   static   存在   没有   dex   效果   

原文地址:http://www.cnblogs.com/Isabel4u/p/6837657.html

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