美文网首页我爱编程
CSS 中 position 的 containing bloc

CSS 中 position 的 containing bloc

作者: saronic | 来源:发表于2018-08-09 14:43 被阅读25次

这是 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)。

相关文章

  • CSS 中 position 的 containing bloc

    这是 CSS-the complete guide 的学习笔记 Position: fixed 这种情况,cont...

  • 2017-12-30

    position:absolute and position:relative 的理解 Absolute,CSS中...

  • css粘性定位position: sticky

    css粘性定位position:sticky问题采坑position: sticky 详解(防坑指南)CSS中po...

  • CSS - 定位

    CSS 中的层级概念 CSS中分为3层 最上层:定位元素层(position:relative、position:...

  • 【图解CSS#Position】

    关于CSS position,来自MDN的描述: CSS position属性用于指定一个元素在文档中的定位方式。...

  • [CSS] containing block

    (1)Content Edge and Padding EdgeThe content edge of a box...

  • CSS中的position

    HTML中的三种布局方式 浮动 标准流 定位 position属性的意义 position属性决定了元素将如...

  • 关于css

    在最近的学习中,对css position 理解不好,在网上找了找,觉得关于css position 看一下文章就...

  • CSS position 详解

    CSS 中的 position 属性用来设置元素的定位方式。 position 的值有 static、relati...

  • 从网页搭建入门Java Web(一)

    本篇主要讲解CSS中的position.在本篇中主要讲position的五个。1、static-自然模型。...

网友评论

    本文标题:CSS 中 position 的 containing bloc

    本文链接:https://www.haomeiwen.com/subject/olzqbftx.html