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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父元素高度比子元素高度多几个像素的解决方法相关的知识,希望对你有一定的参考价值。

html代码:

1 <div>
2     <textarea></textarea>
3 </div>

技术分享技术分享

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

解决方法是:

1、设textarea为 display: block;

以上是关于父元素高度比子元素高度多几个像素的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

两个DIV,父元素相对定位没有设置高度,子元素绝对定位高度随内容变化,此无法撑开父DIV

子元素使用了绝对定位,父元素怎么高度自适应

怎样让弹性盒子元素高度不受父元素影响

怎样能使父元素随子元素的高度变化而变化(css样式

div中放入一个img元素导致div高度会多出几个像素

CSS - 高度坍塌和外边距溢出问题及解决方法