css中定位position的详细介绍

闲言碎语不多说，直接开写！

先写一个简单的实例：

定位 h2 元素：

h2
  {  position:absolute;
  left:100px;
  top:150px;
  } 

定位元素的层级

定位元素是浮动的正常的文档流之上，可以用z-index属性来设置元素的层级。（z-index值越大，层级越高）

典型定位布局：

　　a、固定在顶部的菜单

　　b、水平垂直居中的弹框

　　c、固定的侧边的工具栏

　　d、固定在底部的按钮

a、固定在顶部的菜单（固定定位）

b、水平垂直居中的弹框（固定定位+绝对定位）

c、固定的侧边的工具栏（固定定位）

d、固定在底部的按钮（固定定位）

以上就是css中定位position的详细介绍的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于css中定位position的详细介绍的详细内容...