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

css定位

时间:2017-04-30 18:39:01      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:自己   hid   默认   文档流   继承   默认值   显示   dex   固定   

1.2.5 position定位

属性值:static       默认值
       relative     相对定位
       absolute     绝对定位
       fixed        固定定位
       inherit      继承(从父元素继承posi的值)

说明:
1.relative相对定位:相对元素初始位置定位;移动后,初始位置保留,在页面占据位置(原位置不脱离文档流);移动后的位置,元素脱离文档流,不占据页面空间。
2.absolute绝对定位:相对于离自己最近且具有定位属性(不包括static)的祖先元素(祖元素没有定位属性,则相对于浏览器窗口左上角位置移动)定位;脱离文档流,不占据页面空间(不能消除浮动)。
3.fixed固定定位:相对于浏览器窗口定位;其余特性和absolute一样。

当一个position属性值为absolute和fixed时:
1.该元素会脱离文档流,不会占据文档流中的空间。
2.若为行内元素,会变成块元素。
3.若为块元素,宽度会变成auto(100%→auto)。

z-index元素的堆叠

1.将一个元素放在另一个元素之后,默认值为0,正数为元素之上,负数为之下
2.z-index仅能在定位元素上奏效(例:position:absolute;)

1.2.6 display

属性值:none 不显示(不占位,彻底消失)
       inline
       block
       inline-block

1.2.7 visibility

设置元素可见

属性值:visibility  元素可见(默认)
       hidden      元素不可见(会占位)

css定位

标签:自己   hid   默认   文档流   继承   默认值   显示   dex   固定   

原文地址:http://www.cnblogs.com/justsilky/p/6789928.html

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