Chrome文本区域高度问题
有人能解决 Chrome 中文本区域高度问题吗?
在这样的简单情况下:
<div>
<textarea>
</textarea>
</div>
Google Chrome 添加两个像素,因此 div.height = textarea.height + 2px。是的,我尝试了埃里克的“reset.ccs”——没有成功。
PS 当然,在我的“简单情况”中,textarea 和 div 有边框、填充和边距 0px。
Is anyone have solution for textarea height problem in Chrome?
In simple case like this:
<div>
<textarea>
</textarea>
</div>
Google Chrome add two pixels, so div.height = textarea.height + 2px. And yes, I try Eric's "reset.ccs" — didn't work.
P.S. of course in my "simple case" textarea and div have border, padding and margin 0px.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是因为
textarea
是一个被替换的内联元素。应该解决你的“问题”。
It's because
textarea
is a replaced inline element.should solve your "problem".
2px
是标准边框大小。但在所有浏览器上都是一样的。这适用于 Chrome、Firefox。
无边框:http://jsfiddle.net/NctDT/2/
边框和调整后的
div
高度:http://jsfiddle.net/NctDT/4/在这两种情况下,
div
和textarea
的高度都完美对齐。The
2px
is the standard border size. It's the same across all browsers though.This works in Chrome, Firefox..
No borders : http://jsfiddle.net/NctDT/2/
Borders and ajusted
div
height : http://jsfiddle.net/NctDT/4/In both cases the
div
andtextarea
are both perfectly aligned in height.抱歉,但是添加
html,正文{
高度:100%;
}
似乎确实有效
Sorry, But adding
html,body{
height:100%;
}
really seems to work