这是因为textarea元素具有默认填充.由于填充不包含在元素的宽度/高度计算中,因此它会溢出父元素之外,因为100%边框的宽度大于父元素宽度.
textarea
100%
您可以删除此填充,也可以通过添加box-sizing: border-box到textarea元素来在维度计算中包含填充:
box-sizing: border-box
#summary { width: 100%; height: 100%; border: 0; box-sizing: border-box; }