您的位置:首页 > Web前端 > CSS

关于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属性,固定在浏览器中,不随浏览器上下变化而改变位置。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息