时间:2021-07-01 10:21:17 帮助过:40人阅读
class="wrap">
class="main">这里是网页的主体
class="footer">这里是页脚
- 对于一个非根元素,如果其position值是relative或static(默认),包含块的设置为最近的块级框、表单元格或行内块祖先框的内容边界构成。
- 对于一个非根元素,如果其position值是absolute,包含块则由最近的position值不是static的祖先元素(可以是任何类型)。这个过程如下:
- 如果这个祖先是块级元素,包含块则设置为该元素的内边距边界;换句话说,就是由边框界定的区域。
- 如果这个祖先是行内元素,包含块则设置为该祖先元素的内容边界。在从左向右读的语言中,包含块的上边界和左边界是该祖先元素中第一个框内容区的上边界和左边界,包含块的下边界和右边界是最后一个框内容区的下边界和右边界。
- 如果没有祖先,元素的包含块定义为初始包含块。
当footer的position设置为relative的时候,它的包含块就是leftcolumn,所以bottom的值设置为负(-100px)表示为远离leftcolumn下边框100px。