本文介绍了CSS中的绝对定位原理，包括定位模式和边偏移，强调在没有定位祖先元素时以浏览器为准，有定位祖先时以最近定位祖先为参考。还探讨了固定定位的特性。此外，详细讲解了元素的显示与隐藏，特别是`display`属性用于隐藏和显示元素，并通过实例展示了如何制作鼠标悬停图片时显示半透明遮罩和播放按钮的效果。文章适用于初学者，提供相关学习资源链接。
涉及的重点知识：
定位概念：将盒子定位到页面中的某个位置，实际上也是在摆放盒子。
定位组成：定位模式+边偏移 （top bottom left right，单位像素px）
绝对定位：
绝对定位是元素相对与祖先元素所在的位置的移动。
position：absolute；
top：3px；
特点：
如果没有祖先元素或者祖先元素没有定位，则；以浏览器为准移动。
如果祖先元素有定位（相对，绝对，固定），则以最近一级的有定位祖先元素为为参考移动。
绝对定位不占有原来的位置，脱离标准流。
使用场景：
子绝父相。因为父盒子需要占有位置，所以需要相对定位，子盒子不需要占有位置，所以可以用绝对定位。
补充：
固定定位：（是特殊的绝对定位）
将元素固定于浏览器的可视区的位置&#x
最低0.47元/天 解锁文章
511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
