CSS中的overflow屬性可以用來(lái)控制元素中內(nèi)容溢出時(shí)的處理方法,其中overflow屬性值為scroll可以實(shí)現(xiàn)超出內(nèi)容滾動(dòng)。
.box { width: 200px; height: 100px; overflow: scroll; }
以上代碼設(shè)置了一個(gè)寬度為200px,高度為100px的盒子,當(dāng)其中的內(nèi)容超出盒子高度時(shí),可以滾動(dòng)查看內(nèi)容。如果設(shè)置overflow屬性值為hidden,則會(huì)裁剪掉超出部分,不顯示。
.box { width: 200px; height: 100px; overflow: hidden; }
對(duì)于具有固定高度的元素,使用overflow屬性的scroll值可以避免網(wǎng)頁(yè)因?yàn)殚L(zhǎng)內(nèi)容溢出而破壞布局。