syon的博客

待我长大成人!和你私奔~

第十章 定位 层级关系

定位

定义:参照参考物来改变自己的位置
属性:position
值:
 1. static 默认定位 遵循文档流
 2. fixed 固定定位 将元素固定在页面的指定位置
 3. relative 相对定位 不使元素脱离文档流 参考位置是在页面第一次加载成功的位置
 4. absolute 绝对定位 使元素脱硫文档流 配合相对定位使用
 绝对定位的元素的位置相对于最近的已经定位的祖先元素
 margin:auto失效
 元素通过 left top right bottom 进行布局

层级关系

z-index 可以调换两个层的位置关系
值:值可正可负 值越大 越在上面
z-index相对和绝对定位的元素有效果 用到最多的就是悬浮导航
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csnd_syon_javaweb/article/details/78170006
个人分类: HTML+CSS
想对作者说点什么? 我来说一句

元素层级

A13330069275 A13330069275

2017-11-02 22:12:12

阅读数:35

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭