一、overflow
指定盒中容納不下的內(nèi)容的顯示方法。

1.適用范圍：塊級元素

2.可取值：
visible：不剪切內(nèi)容(默認)。
hidden： 將超出對象尺寸的內(nèi)容進行裁剪，將不出現(xiàn)滾動條。
scroll： 將超出對象尺寸的內(nèi)容進行裁剪，并以滾動條的方式顯示超出的內(nèi)容。
auto： 在需要時裁剪內(nèi)容并添加滾動條，此為body對象和textarea的默認值。

3.說明：
對于table來說，假如table-layout屬性設置為fixed，則td對象支持帶有默認值為hidden的overflow屬性。如果設為hidden，scroll或者auto，那么超出td尺寸的內(nèi)容將被剪切。如果設為visible，將導致額外的文本溢出到右邊或左邊（視direction屬性設置而定）的單元格。

二、相關屬性：
1.overflow-x:
overflow在水平方向上
2.overflow-y:
overflow在垂直方向上

3.text-overflow:
水平方向上,指定文字溢出時的顯示方式,對于省略標記出現(xiàn)哪一側由文字方向決定

1)可取值：
clip:文本溢出時不顯示省略標記（…），將溢出的部分裁切掉
ellipsis:文本溢出時顯示省略標記（…）
字符串：任何字符串（FF支持）

2)使用前提：
塊級元素
設置寬度(不設置以瀏覽器窗口寬度為準)
overflow:hidden;//溢出隱藏
white-space:nowrap;//禁止換行

3)說明:
a.當對容器設置浮動或者定位時，必須對容器設置寬度才能出現(xiàn)省略號
b.對于Firefox瀏覽器，可以給text-overflow設置溢出時顯示任意字符串來替換省略號，如text-overflow:”&&&”。