position包含块
- relative、static包含块由最近的块级框、表单元格或行内块祖先框的内容边界构成。
- absolute包含块设置为最近的position不是static的祖先元素(可以是任何类型),如果这个祖先元素是块级元素,包含块则设置为该块元素的内边距边界,换句话说,就是由边框界定的区域。
百分数数值计算
- top、bottom相对于包含块高度计算,与此同时padding、margin四个方向的计算全部基于包含块宽度。
- border不接受百分数。
- height相对于包含块高度
overflow:hidden
满足以下两点要求的子元素仍旧会在这种情况下溢出- 拥有overflow:hidden样式的块元素不具有position:relative和position:absolute样式;
- 内部溢出的元素是通过position:absolute绝对定位;
原理待补充.