大家好,又见面了,我是你们的朋友全栈君。
绝对定位与浮动相似,都有破坏性和包裹性。浮动的一些应用场景中也可用绝对定位替代
在未手动定位的情况下,绝对定位元素有以下特性
无依赖绝对定位元素 —— 即未手动定位的绝对定位元素
无依赖绝对定位元素可以使用margin值进行定位,实现脱离文档流的相对定位效果,脱离文档流可以解决溢出限制的问题
应用实例:
绝对定位相对于包含块定位; 在日常使用种,一般会习惯性对父容器使用relative,使用top/bottom/left/right来脱离文档流的绝对定位; 但无依赖绝对定位元素结合margin偏移使用也可以实现一些实用的效果。
利用绝对定位元素脱离文档流的特性,使用动画可以避免大范围的回流和重绘。
绝对定位元素拉伸实现宽高自适应,可应用于大范围的布局。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/107149.html原文链接:https://javaforall.cn