码迷,mamicode.com
首页 > Web开发 > 详细

CSS中的相对定位和绝对定位

时间:2016-10-27 20:09:40      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:默认   otto   空间   css   top   abs   tom   绝对定位   不能   

1.元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的, 使用相对定位时,就算元素被偏移了,但是他仍然占据着它没偏移前的空间, 绝对定位:position:absolute, 被设置了绝对定位的元素,在文档流中是不占据空间的,如果某元素设置了绝对定位,那么它在文档流中的位置会被删除.

2.父容器使用相对定位,子元素使用绝对定位后,这样的位置不再于浏览器左上角,而是相对于父容器左上角

3.相对定位和绝对定位需要top,right,bottom。Left使用来定制具体位置,这四个属性只有在该元素使用定位后才会生效,其他情况下无效。另外这四个属性同时只能使用相邻的两个,不能即使用上又使用下。或及时使用左,又使用右。

CSS中的相对定位和绝对定位

标签:默认   otto   空间   css   top   abs   tom   绝对定位   不能   

原文地址:http://www.cnblogs.com/lanyinhao/p/6004707.html

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