DIV的高度固定,當超出固定高度時,出現自動滾動條


使用關鍵代碼:overflow-y: auto,並且限制高度實現功能。

實例演示如下:

1、Html代碼如下:一個簡單的div,暫時內容為空。

css樣式如下:

此時頁面展示如下:

2、在第一步div加入一些文字,如下:

此時頁面展示如下:已自動展現抄滾動條。

擴展資料:

CSS的overflow 屬性解析:

1、定義和用法。

overflow 屬性規定當內容溢出元素框時發生的事情。

2、兼容性(瀏覽器支持)。

所有主流瀏覽器都支持 overflow 屬性,任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

3、屬性說明。

屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所zhidao有內容也會出現滾動條。

可能的值如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM