橘子园

种橘子的地方

0%

css 细节

  1. position包含块

    • relative、static包含块由最近的块级框、表单元格或行内块祖先框的内容边界构成。
    • absolute包含块设置为最近的position不是static的祖先元素(可以是任何类型),如果这个祖先元素是块级元素,包含块则设置为该块元素的内边距边界,换句话说,就是由边框界定的区域。
  2. 百分数数值计算

    • top、bottom相对于包含块高度计算,与此同时padding、margin四个方向的计算全部基于包含块宽度。
    • border不接受百分数。
    • height相对于包含块高度
  3. overflow:hidden
    满足以下两点要求的子元素仍旧会在这种情况下溢出

    • 拥有overflow:hidden样式的块元素不具有position:relative和position:absolute样式;
    • 内部溢出的元素是通过position:absolute绝对定位;

    原理待补充.