div超出內容后自動顯示滾動條

本文轉載自查看原文 2017-07-11 15:03 3407 CSS

只需要用到css的一個overflow:auto的屬性就可以實現這效果了。下面我們看看代碼和實現的效果

HTML代碼如下：

<textarea name="" id="message" cols="30" rows="10" placeholder="" maxlength="2000" style="overflow: auto;" class=""></textarea>

延伸：

如果想讓滾動條一直顯示，可以設置：overflow:scroll的屬性

(如果內容沒有超出內容，不會顯示滾動條，但是會顯示可以下拉)

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

猜您在找 css 始終顯示滾動條，內容超出顯示有滑塊的滾動條，內容沒有超出顯示空的滾動條 css——內容溢出顯示垂直滾動條，內容不超出就不顯示滾動條 css——內容溢出顯示垂直滾動條，內容不超出就不顯示滾動條 html頁面內容超出后顯示水平滾動條的問題 css超出隱藏滾動條，內容可滾動原理分析 overflow屬性解決內容未超出依然顯示滾動條軌道的問題 css 超出盒子滾動，不顯示滾動條 css超出顯示滾動條的三種方法讓DIV的滾動條自動滾動到最底部 tbody設置超出固定的高度出現滾動條，沒超出不顯示。