为什么webKit浏览器会在底部显示以下额外的填充/页边空白？

这个问题虽然很小，但是让我烦恼，为什么webKit浏览器会在底部显示以下额外的填充/边距？是解决这个问题的唯一方法来指定高度？为什么webKit浏览器会在底部显示以下额外的填充/页边空白？

<div style="background-color:#efefef; width:200px;"> 
    <textarea style="padding:0px; margin:0px;"></textarea> 
</div>

渲染：
alt text

2010-12-16 Babiker

这很奇怪，我不知道它为什么会发生 - 但是您可以通过将父区div内的文本区域浮动来摆脱它。（您还必须在父div上设置“overflow：hidden;”）。我真的想知道更好的答案，如果有人有。 – Lee 2010-12-16 04:31:42

@李：你的解决方案是迄今为止最好的，我已经尝试了很多东西。 – Babiker 2010-12-16 04:36:04

我只是想通了...看到我的答案在下面。 – Lee 2010-12-16 04:38:52

<div style="background-color:#efefef; width:200px;"> 
    <textarea style="display:block;">asdf</textarea> 
</div>

显然，它是与<textarea>是一个内联元素。差距似乎是基线以下的区域。如果您设置display:block;，它将摆脱差距。

2010-12-16 04:37:48 Lee

你尝试设置文本框来匹配div的高度？它看起来不像你告诉它一个高度，所以它可能使用默认高度（基于div）。试试吧，不保证，但可以。

2010-12-16 04:37:00 jefffan24

回答