CSS 中 position 的 containing block

这是 CSS-the complete guide 的学习笔记

Position: fixed

这种情况,containing block 是 viewport。

Position: absolute

containing block 是离当前对象最近的并且 position 不是 static 的 ancestor。如果当前对象设置某属性的值是百分比,则相对的是 containing block 的(content + padding)。

Position: static 和 relative

containing block 是最近的 ancestor(必须是 block element),如果当前对象设置某属性的值是百分比,则相对的是 containing block 的(content)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,448评论 0 10
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,800评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,712评论 1 45
  • 四年前,大三刚结束的那个暑假,我放弃温州土豪同乡的家教邀请,然后在重庆大学城里新开的一家商城里,帮一位老师经营服装...
    老醋322阅读 803评论 4 2
  • 做法:鱼子酱一勺,小蚬子一碗,俄参2只,大葱切成片,海鲜酱油,鲍鱼汁,少许辣酱,靴微一拌,OK了…滋阴补阳 关注俄...
    俄参一哥阅读 431评论 0 0