父元素高度比子元素高度多几个像素的解决方法

html代码：

<div>
    <textarea></textarea>
</div>

其中textarea元素的高度为80px，而它的父元素div高度为84px，为什么会多出4px呢？

解决方法是：

1、设textarea为 display: block;