在一個元素中，有時候會發生内容超出定義大小的情況，在CSS中，可以使用溢出屬性(overflow)對溢出的内容定義顯示方式，例如隐藏或者顯示滾動條等，
使用溢出屬性可以友善的控制溢出内容的顯示，并能夠保證元素的大小不被破壞。
1.溢出屬性(overflow)
用來定義元素溢出部分的顯示方式，如：
overflow: visible | auto | hidden | scroll;
其中每個屬性的含義如下所述：
visible: 預設屬性，溢出内容按照原有的方式顯示。
auto: 當内容超出元素定義的大小時，顯示滾動條，否則正常顯示内容。
hidden: 隐藏溢出的内容。
scroll: 總是顯示滾動條。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
div {
overflow: auto;
width: 200px;
height: 100px;
background: #999999;
}
</style>
</head>
<body>
<div>
這是關于溢出屬性的執行個體，在本執行個體中使用了auto值，當内容部分超出元素大小的時候，将會在元素的右側顯示滾動條，否則元素将按照正常的方式顯示。
<div>
</body>
</html> 
2. 橫向溢出屬性overflow-x
用來定義元素的溢出部分在水準方向上的顯示方式，overflow-x: visible | auto | hidden | scroll;
3. 縱向溢出屬性overflow-y
用來定義元素的溢出部分在垂直方向上的顯示方式，overflow-y: visible | auto | hidden | scroll;
4. 滾動條和邊框
在使用溢出屬性的時候，如果定義元素顯示滾動條，同時定義了邊框，要注意滾動條和邊框之間的關系，滾動條顯示在邊框等内部，
如果在滾動條處不想顯示邊框，則可以通過定義單側邊框屬性取消滾動條一側的邊框。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
div {
overflow: auto;
border: 8px solid #000000;
width: 200px;
height: 100px;
background: #999999;
}
</style>
</head>
<body>
<div>
這是關于溢出屬性的執行個體，在本執行個體中使用了auto值，當内容部分超出元素大小的時候，将會在元素的右側顯示滾動條，否則元素将按照正常的方式顯示。
<div>
</body>
</html> 
如上圖所示，滾動條顯示在邊框的内部。