CSS零星知识回顾

1、overflow属性： 规定当内容溢出元素框时发生的事情。

overflow :visible |auto | hidden | scroll

示例：

body {overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; } 

关于table：

对于 table 来说，假如 table-layout属性设置为 fixed ，则 td 对象支持带有默认值为 hidden 的 overflow 属性。如果设为 scroll 或者 auto ，那么超出 td 尺寸的内容将被剪切。如果设为 visible ，将导致额外的文本溢出到右边或左边（视 direction属性设置而定）的单元格。

2、maxheight：

max-height:100%;

3、line-height : 设置行间的距离（行高）。

line-height :normal |length

div {line-height:6px; }
div {line-height:10.5; } 

4、border-collapse：设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。

border-collapse：collapse|separate

separate	:	默认值。边框独立（标准HTML）
collapse	:	相邻边被合并

table {border-collapse: separate; } 

任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

如果没有规定 !DOCTYPE，则 border-collapse 可能产生意想不到的结果。

5、相对定位：

它原本所占的空间仍保留。在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}

6、绝对定位：

绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

对于定位的主要问题是要记住每种定位的意义。相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。

注释：根据用户代理的不同，最初的包含块可能是画布或 HTML 元素。

提示：因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

7、浮动：

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：

inherit

规定应该从父元素继承 float 属性的值。