我们一起来读书吧 关注:155贴子:2,913
  • 0回复贴,共1

css世界 6.5.2-6.6

只看楼主收藏回复

具有相对特性的无依赖 absolute 绝对定位:
一个绝对定位元素,没有任何 left/top/right/bottom 属性设置,并且其祖先元素全部都是非定位元素,其位置还是当前位置,不是在浏览器左上方;
absolute 是非常独立的 CSS 属性值,其样式和行为表现不依赖其他任何 CSS 属性就可以完成;
无依赖绝对定位:没有设置 left/top/ right/bottom 属性值,推荐使用绝对定位+margin;
浮动和绝对定位不要同时使用。
absolute 与 text-align:
text-align 可以改变absolute 元素的位置;
原因(“幽灵空白节点”和“无依赖绝对定位”共同作用的结果)(由于<img>是内联水平,<p>标签中存在一个宽度为 0、看不见摸不着的“幽灵空白节点”,也是内联水平,于是受 text-align:center 影响而水平居中显示;<img>设置了 position:absolute,表现为“无依赖绝对定位”,因此在“幽灵空白节点”后面定位显示。)
absolute 与 overflow:
如果overflow 不是定位元素,同时绝对定位元素和 overflow 容器之间也没有定位元素,则overflow 无法对 absol
ute 元素进行剪裁;
如果 overflow 的属性值不是 hidden 而是 auto 或者 scroll,即使绝对定位元素高宽比 overflow 元素高宽还要大,也都不会出现滚动条。


IP属地:北京1楼2025-02-17 20:21回复