使用關鍵代碼:overflow-y: auto,並且限制高度實現功能。
實例演示如下:
1、Html代碼如下:一個簡單的div,暫時內容為空。
css樣式如下:
此時頁面展示如下:
2、在第一步div加入一些文字,如下:
此時頁面展示如下:已自動展現抄滾動條。
擴展資料:
CSS的overflow 屬性解析:
1、定義和用法。
overflow 屬性規定當內容溢出元素框時發生的事情。
2、兼容性(瀏覽器支持)。
所有主流瀏覽器都支持 overflow 屬性,任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
3、屬性說明。
屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所zhidao有內容也會出現滾動條。
可能的值如下: