博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
当父级是body时,子元素设置position:absolute;定位是根据body还是html呢?
阅读量:5076 次
发布时间:2019-06-12

本文共 490 字,大约阅读时间需要 1 分钟。

position:absolute 元素相对最近的 position 为 absolute / relative / fixed 的祖先元素(包含块)定位,如果没有这样的祖先元素,则以初始包含块进行定位,而初始包含块并不是以<html><body>进行定位的。

我们可以做一下测试:

    
position:absolute    body
div

  

此时的效果如下:

body添加position:relative;

div添加 bottom:0;
效果如下:

html添加position:relative;

div添加 bottom:0;
效果如下:

body和html都不进行定位,div设置bottom:0;

此时效果如下:

所以,当绝对定位元素的祖先元素都没有进行relative/absolute/fixed定位时,是相对于初始包含块来定位的,而初始包含块并不是以<html><body>进行定位的。

转载于:https://www.cnblogs.com/Arlar/p/6254040.html

你可能感兴趣的文章
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
两种最常用的Sticky footer布局方式
查看>>
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Java程序IP v6与IP v4的设置
查看>>
RUP(Rational Unified Process),统一软件开发过程
查看>>
数据库链路创建方法
查看>>
Enterprise Library - Data Access Application Block 6.0.1304
查看>>
重构代码 —— 函数即变量(Replace temp with Query)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
jQuery如何获得select选中的值?input单选radio选中的值
查看>>
设计模式 之 享元模式
查看>>
如何理解汉诺塔
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
15 FFT及其框图实现
查看>>