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

CSS的position属性

2017-03-30 09:21 225 查看
position:static  默认值,无定位,元素出现在正常流中国,不脱离文档流。当遇到继承情况时,如果我们不愿意元素继承的属性影响本身,可以用position:static取消继承,即还原元素定位的默认值。

position:absolute 绝对定位,元素脱离文档流(在文档中不占位置)。参照浏览器左上角(left、right、top、bottom)定位,可选取具有定位的父级元素或body坐标原点进行定位,也可以通过z-index进行层次分级。absolute在没有设定left、right、top、bottom时,根据父级对象的坐标作为起始点的,当设定left、right、top、bottom时,根据浏览器左上角为原始点。

position:relative 相对定位,不脱离文档流,相对定位就是相对于元素本身在文档中应该出现的位置来移动这个元素,可以通过left、right、top、bottom来移动元素位置,该元素依然占文档中原有位置,只是视觉上相对原来位置有移动(注:相对自己原来的位置有移动,在原来文档中依然占着原来的位置)。

position:fixed 绝对定位,元素脱离文档流(在文档中不占位置)。相对于浏览器窗口定位,可以通过left、right、top、bottom来移动元素位置;文档滚动时不会在浏览器中移动。

position:inherit 规定从父元素继承position属性。

注:relative、static、sticky对象遵循常规流

        absolute、fixed、center对象脱离常规流
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css position 元素定位