文章詳情頁
css - textarea換行的時候會很被tabbar遮擋？
瀏覽：144日期：2023-01-26 13:47:38
問題描述
textarea設置的高是100%的,但是屏幕下有個固定的tabbar,盡管textarea下方加了超出tabbard高度的外邊距，但是在打字換行的時候，文字還是會退到tabbar里面！
<!-- 文字域 --> <p style='margin-top:45px;margin-bottom: 45px;'> <textarea rows='' placeholder='說點什么吧'></textarea> </p> <!--底部固定--> <p class='mox-bottombar'> <label> <input type='checkbox' name='checkbox'> <i class='iconfont-bar icon-see'></i> </label> <label> <input type='button' /> <i class='iconfont-bar icon-pic'></i> </label></p>
問題解答
回答1：現在假設你底部的固定定位的p的高度是50px，那么你就給這個textarea的外層盒子設置一個padding-bottom：50px;的屬性。
標簽：
CSS
相關文章：
1. node.js - vue搭建環境- vue init webpack my-project無響應2. linux - 編譯時提示頭文件#include <mysql/mysql.h>不存在,百度之后也沒解決3. javascript - 請問一下組件的生命周期beforeDestory是在什么情況下面觸發的呢？4. objective-c - 用了友盟最新的支持ipv6的sdk，但是分享到微信還是有問題5. javascript - 微信小程序不支持<br> <p>等標簽6. javascript - Vue2 指令的優先級如何設置？7. html5 - 用html+css開發桌面軟件有什么好的解決方案（兼容XP系統）8. css3移動端布局9. javascript - js中單例模式疑惑10. html - element ui 對話框嵌套
排行榜
網公網安備