Yoo趣儿

Yoo趣儿 › Geek › 程序员 › 调个前端布局遇到个问题请教大家

调个前端布局遇到个问题请教大家

查看 60|回复 5
作者：ygcaicn   
我希望初始状态（没有 js 干预）下 textarea 高度撑满父容器，发现父容器始终比 textarea 高 6px ，看 padding ，margin 啥的都没有，就是下方比 textarea 多出来 6px ，请教大神解惑啊

    textarea {
      height: 100%;
      line-height: normal;
      box-sizing: border-box;
    }
    .d {
      background-color: #c26bea;
      padding: 0;
    }
   
   
      
   
完整代码
https://gist.githubusercontent.com/ygcaicn/87d92872cc1bd8018d95e4de4e17d55b/raw/e76d330a7cbeb0cfc1061d60d0bae5c511290b1c/test.html
ZZITE   
textarea {
display: block;
}
sayitagain   
你没发现你 textarea 上的 height 是无效的吗...
ygcaicn
OP
  
@ZZITE 666 解决了，非常感谢！！！
Podul   
display: block; 或者 vertical-align: bottom;
想不起来是啥原因了，好像和对齐方式有关？
inline-block 的元素会有这个问题，比如：img, svg
ygcaicn
OP
  
@sayitagain height 有效，这里截图是手动拖拽 resize 之后的结果，@ZZITE 给出的方案解决了，应该是 textarea 默认 display inline-block 导致的效果，具体有没有大神解释一下
返回列表
您需要登录后才可以回帖 登录 | 立即注册

AD1

热门主题

热门板块

问与答分享发现分享创造奇思妙想分享邀请码商业推广优惠信息PythonPHPJavaJavaScriptNode.jsGo语言C++HTML

公告

标签|小黑屋|Yoo趣儿

GMT+8, 2024-11-15 00:46 , Processed in 0.012910 second(s), 11 queries , Gzip On, MemCached On.

Powered by Discuz! X3.2

The happiest thing in the world is to strive for an ideal.

返回顶部