要讲position,首先就涉及到一个概念：包含块。
1、包含块介绍
包含块简单理解就是一个定位参考块，就是大盒子里套小盒子中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。
1、初始包含块（Initial containing block），即根元素的包含框。 在浏览器中是原点与 canvas 原点重合、大小与 viewport 相同的矩形。
2、position:static|relative元素包含块为最近的块级【block|list-item|table】父元素的内容框
3、positon:先找absolute最近已定位祖先元素【没有的话包含块就是初始包含块】
如果祖先元素是块级元素，则包含块是祖先元素的padding框。 如果祖先元素是内联元素，包含块取决于祖先元素的direction属性 dirrection:ltr,祖先元素的第一个盒子的上、左padding框边界是包含块的上和左，祖先元素最后一个盒子的下、右padding边界是包含块的下和右。 direction:rtl，祖先元素第一个盒子的上、右padding框边界是包含块的上右，祖先元素最后一个元素的下、左padding框边界是包含块的下、左。4、positon:fixed元素的包含块是由viewport决定的，和根元素无关。
2、static和包含块
举例：没有设置postion，所以标签position都是默认的static。
包含块 by starof
第一段内容
这些文字是 第 二 段 内容
查看更多关于position&containingblock_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108616