输入框高度问题

时间:2010-03-29 00:55:46

标签: css

我正在尝试设置一个具有特定内部高度的输入框,我遇到了问题:

font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px;

是我放入内联样式或样式表的样本。我希望输入框的值在全高处可见,但输入框的内部高度最终非常小,并且它似乎总是遵循以下形式:

actual inner height = css height - 2*border width - 2*padding

好笑,因为我发誓我之前没有问题就这样做了。我错过了什么?

1 个答案:

答案 0 :(得分:3)

您提供的公式将计入某些Internet Explorer版本。那么也许你使用一个非常古老的浏览器? ;)

了解Wikipedia上的错误。根据那篇文章,如果页面在"quirks mode“中呈现,则该错误仍然存​​在于所有IE浏览器中,这是触发的:

  
      
  • 当文档类型声明不存在或不完整时;
  •   
  • 遇到HTML 3或更早版本的文档时;
  •   
  • 使用HTML 4.0 Transitional或Frameset文档类型声明且系统标识符(URI)不存在时;
  •   
  • 当SGML评论或其他无法识别的内容出现在文档类型声明之前
  •   
  • 当文档中的任何位置出现错误时
  •   
  • 如果在文档类型声明之前有XML声明,Internet Explorer 6也会使用怪异模式。
  •   

也许你的页面有一些错误....

或者您正在使用Firefox,我完全忽略了这一点。