有时候，一个元素的内容需要的现实空间超出了元素的尺寸。例如：一个指定高度与宽度的div元素，如果包含的文本太长，就会超过div元素的尺寸。

为了处理这种情况，CSS提供了一个属性：overflow。
这个属性可以包含下列可选值：
Visible: 允许显示超出元素边界的内容
hidden : 隐藏超出元素边界的内容
scroll : 元素尺寸不变，在元素上添加滚动条，允许用户通过拖拉滚动条显示超出边界的内容。
auto: 当内容超出元素边界时显示滚动条，否则不显示滚动条

例子:

1. <style type="text/css">  
2. .scroll{  
3.     display:block;  
4.     border: 1px solid red;  
5.     padding:5px;  
6.     margin-top:5px;  
7.     width:300px;  
8.     height:50px;  
9.     overflow:scroll;  
10.     }  
11. .auto{  
12.     display:block;  
13.     border: 1px solid red;  
14.     padding:5px;  
15.     margin-top:5px;  
16.     width:300px;  
17.     height:50px;  
18.     overflow:auto;  
19.     }  
20. </style>  
21. <p>Example of scroll value:</p>  
22. <div class="scroll">  
23. I am going to keep lot of content here just to show  
24. you how scrollbars works if there is an overflow in  
25. an element box. This provides your horizontal as well  
26.  as vertical scrollbars.  
27. </div>  
28. <br />  
29. <p>Example of auto value:</p>  
30. <div class="auto">  
31. I am going to keep lot of content here just to show  
32. you how scrollbars works if there is an overflow in  
33. an element box. This provides your horizontal as well  
34. as vertical scrollbars.  
35. </div>