css - textarea换行的时候会很被tabbar遮挡？

Question

textarea设置的高是100%的,但是屏幕下有个固定的tabbar,尽管textarea下方加了超出tabbard高度的外边距，但是在打字换行的时候，文字还是会退到tabbar里面！

<!-- 文字域 -->
 <p style="margin-top:45px;margin-bottom: 45px;"> 
     <textarea id="content"  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"  class="weixin" />
            <i class="iconfont-bar icon-pic"></i>
          </label>
</p>

Answer 1

现在假设你底部的固定定位的p的高度是50px，那么你就给这个textarea的外层盒子设置一个padding-bottom：50px;的属性。