我正在尝试设置一个具有特定内部高度的输入框,我遇到了问题:
font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px;
是我放入内联样式或样式表的样本。我希望输入框的值在全高处可见,但输入框的内部高度最终非常小,并且它似乎总是遵循以下形式:
actual inner height = css height - 2*border width - 2*padding
好笑,因为我发誓我之前没有问题就这样做了。我错过了什么?
答案 0 :(得分:3)
您提供的公式将计入某些Internet Explorer版本。那么也许你使用一个非常古老的浏览器? ;)
了解Wikipedia上的错误。根据那篇文章,如果页面在"quirks mode“中呈现,则该错误仍然存在于所有IE浏览器中,这是触发的:
- 当文档类型声明不存在或不完整时;
- 遇到HTML 3或更早版本的文档时;
- 使用HTML 4.0 Transitional或Frameset文档类型声明且系统标识符(URI)不存在时;
- 当SGML评论或其他无法识别的内容出现在文档类型声明之前
- 当文档中的任何位置出现错误时
- 如果在文档类型声明之前有XML声明,Internet Explorer 6也会使用怪异模式。
也许你的页面有一些错误....
或者您正在使用Firefox,我完全忽略了这一点。