一 定義：overflow 屬性規定當內容溢出元素框時發生的事情。
visible 默認值。內容不會被修剪，會呈現在元素框之外。
hidden 內容會被修剪，並且其餘內容是不可見的。
scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其餘的內容。
auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其餘的內容。
inherit 規定應該從父元素繼承 overflow 屬性的值。
二 重點理解內容被修剪的時候是以那個爲基準：
走一段代碼：
<style>
.one {
width: 300px;
height: 300px ;
border: 50px solid black ;
overflow: hidden;
padding: 50px;
}
.two {
width: 1500px;
height: 150px ;
background-color: pink;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
</div>
</body>
這個屬性定義溢出 元素內容區 的內容會如何處理。注意 內容區包括 內容(height + width)+padding，並不包括border 和margin.
看效果：
不設置 overflow :hidden 時候：
設置了 overflow:hidden 之後：（黑色的是邊框）由此可見 溢出 ！元素內容區! 的內容會如何處理。注意 內容區包括 內容(height + width)+padding，並不包括border 和margin.
