內容溢出和剪裁
如果一個元素的內容對于元素大小來說過大，就有可能溢出元素本身。對于此情況，有一些解決辦法可選。
溢出 overflow
- 值
- visible(默認):內容在元素框外可見。一般會導致內容超出其自己的元素框，但不會改變框的形狀
- scroll:溢出部分通過滾動條查看
- hidden:溢出部分無法查看
- auto:一般只有必要時出現滾動條
- 適用于所有元素
- 有繼承性
剪裁 clip
如果一個絕對定位元素的內容溢出其內容框，而overflow設置為要求剪裁該內容，通過使用屬性 clip 可以改變剪裁區域的形狀。
- 值
- auto(默認):表示該元素內容不應剪裁
- rect(top,right,bottom,left):定義矩形剪裁形狀。只改變顯示內容的區域形狀，不改變內容區的形狀
注意：其值不是邊偏移，而是距離元素左上角的距離。如需要涵蓋左上角20*20像素的正方形，則rect(0,20px,20px,0)
- 適用于絕對定位元素
- 無繼承性
- 取值：rect(...)值允許為長度值（可為負值）或auto，auto表示將剪裁邊界設置為適當的內容邊界
元素可見性 visibility
- 取值
- visible（默認）：可見
- hidden：不可見，但會影響文檔布局，就像它還是可見的一樣
注：與display:none 有區別。后者不僅不顯示，而且會從文檔中刪除，不影響文檔布局 - collapse：表顯示中使用；對于非表元素，與hidden同含義
- 應用于所有元素
- 有繼承性
)
)
)
