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

我希望初始状态（没有 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