- 与float相同,具有包裹性和破坏性。
- 特性1:脱离文档流,让出占用的空间(宽高都为0)
- 特性2:去浮动,位置跟随(原来在什么位置,absolute之后还在什么位置)
- absolute配合margin可以达到精准定位,无依赖的绝对定位
- 谷歌浏览器中,代码中回车会产生影响,可以使用消除此空格
- 动画尽量作用在绝对定位元素上,因为不会对整个界面造成影响
- 绝对定位不需要使用z-index确定覆盖,因为绝对定位元素一定会置于普通元素之上,而多个绝对定位元素之间是采用文档流顺序来确定覆盖性的。
- top、right等可以改变absolute元素所处的位置,但是会受到外层relative、absolute、fixed、sticky等的影响。
- 若绝对定位元素的top、bottom或者left、right(对立方向)同时定义了,那么会造成元素的拉伸(IE7+)。但是此拉伸优先级低于width、height。
- 当尺寸限制、拉伸以及margin:auto同时出现时,就会有绝对定位元素的绝对居中效果。(IE8+)
网友评论