css中的定位

定位属性:static,relative,absolute

1.static

默认都是static,可用于清除定位

2.相对定位

以自己的左上角为基点移动位置,原来的位置继续占有,不脱离标准流

3.绝对定位

如果所有的父元素都没有定位(除static外的定位),以document文档为基点,

如果父元素有定位,以父元素左上角为基点。绝对定位脱离了标准流,原来的位置不再占有。

依据最近的,已经定位的祖先为基点定位。

4.fixed

以浏览器窗口左上角为基点,不随文档的滚动改变位置,脱离标准流。

一般使用子绝对,父相对定位,如轮播图左右切换的按钮

跟浮动一样,元素添加了绝对定位和固定定位之后,元素模式也会转化为行内块元素

因此行内元素添加了绝对定位或固定定位或者浮动后也转化为行内块元素,直接给宽高既可。

原文地址:https://www.cnblogs.com/dch0/p/11570771.html