當元素內容區域大於容器區域，就會出現溢出現象。通常這種溢出並非是原本頁面設計的排版效果，需要進行代碼優化。通過對容器設置滾動條就是最常見的處理方式。
復合屬性語法：
overflow:scroll;//=>水平、垂直方向均添加滾動條
單一屬性：
overflow-x:scroll;//=>水平方向添加滾動條
overflow-y:scroll;//=>垂直方向添加滾動條
隱藏滾動條：
overflow:visible;(默認值)
既不隱藏超出部分，也不顯示滾動條。
div {
width: 200px;
height: 100px;
background: #ccc;
margin: 10px;
float: left;
}
.test{
overflow-y:scroll;
}
<div class='test'>字節跳動入股互動百科：創始人潘海東已退出
與此同時，人們還發現互動百科創始人潘海東已經退出股東行列，這似乎也是公司被收購的一個前兆。北京量子躍動科技有限公司於2019年3月1日入股互動百科所屬公司北京互動百科網絡技術股份有限公司，出資額871.4286萬元，持股比例22.22%，為第一大股東。
此前，有內部人士爆料稱，字節跳動接近完成了對互動百科的全資收購談判。完成這次收購后，字節跳動將繼續完善他們的搜素引擎生態。隨后，有記者向字節跳動方面進行求證，字節跳動方面表示，對於市場傳言，不予置評。
</div>
<div>字節跳動入股互動百科：創始人潘海東已退出
與此同時，人們還發現互動百科創始人潘海東已經退出股東行列，這似乎也是公司被收購的一個前兆。北京量子躍動科技有限公司於2019年3月1日入股互動百科所屬公司北京互動百科網絡技術股份有限公司，出資額871.4286萬元，持股比例22.22%，為第一大股東。
此前，有內部人士爆料稱，字節跳動接近完成了對互動百科的全資收購談判。完成這次收購后，字節跳動將繼續完善他們的搜素引擎生態。隨后，有記者向字節跳動方面進行求證，字節跳動方面表示，對於市場傳言，不予置評。
</div>
