- 与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+)
absolute相关
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...