关于CSS定位的理解
2016-04-14 16:05
417 查看
相对定位,绝对定位,固定定位
position:relative相对定位相对定位,对象不可层叠,将依据right,top,left,bottom等属性在正常文档中偏移位置。但是并不脱离标准流,即不会因相对位置的改变而改变原来位置的占据。
相对定位的使用还是比较普遍和方便的,在遇到需要调整位置的时候添加一个相对定位就能很轻松的移动到周边需要细调的位置。
position:absolute绝对定位
绝对定位,将对象从文档流中脱离出来,使用right,top,left,bottom等属性相对其最接近的一个并有定位设置的父元素进行定位;如果不存在这样的父对象,则依据html标签来定义,其层叠通过z-index属性定义
绝对定位在平时的使用当中也不少,使用绝对定位需要注意的是一定要在需要定位的参照物为上层最近的relative,不然参照物默认到html。
position:fixed固定定位
对象定位遵循从绝对定位方式;但是要遵守一些规范,参照物为浏览器(ie6中无效)
万恶的网页广告用的就是fixed属性,固定在浏览器中,不随浏览器上下变化而改变位置。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- CSS浮动和定位学习笔记
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析