Tekkaman

导航

 

Containing Block

确定一个元素的包含块的过程完全依赖于这个元素的 position 属性:

  1、如果 position 属性为 static 或 relative ,包含块就是由它的最近的祖先块元素

  2、如果 position 属性为 absolute ,包含块就是由它的最近的 position 的值不是 static(也就是值为fixedabsoluterelative 或 sticky)的祖先元素的内边距区的边缘组成。

  3、如果 position 属性是 fixed,包含块就是由 viewport

更多详情见参考[1].

 

float & absolute

1、The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).

  使用了 float 属性的元素,其依然属于文档流,但不再是默认文档流,而是float文档流。

  所以可以说元素有两用文档流的排版方式:

    1)默认。

    2)float。

  

参考:

1、https://developer.mozilla.org/zh-CN/docs/Web/CSS/All_About_The_Containing_Block

2、https://developer.mozilla.org/en-US/docs/Web/CSS/float

posted on 2018-12-13 11:01  Tekkaman  阅读(111)  评论(0编辑  收藏  举报