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;的属性。