css - textarea換行的時候會很被tabbar遮擋？

問題描述

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>

問題解答

現在假設你底部的固定定位的p的高度是50px，那么你就給這個textarea的外層盒子設置一個padding-bottom：50px;的屬性。