html - IE 7 CSS 显示问题

Question

以下网站存在一个缺陷，即搜索文本框未与按钮正确对齐，但所有其他浏览器都可以正常显示。无法弄清楚是什么原因造成的，有人可以帮忙吗？

http://www.martrainhaulage.com/

Answer 1

1/
也许在 float header div.search 上添加 width？

header div.search {
  width: 211px; /* approx */
}

2/
或者这个测试代码有什么作用吗？ (不用于生产!)

<!--[if IE 7]><style type="text/css">
  * { zoom: 1; /* and even less production-ready: position: relative; */ }
</style><![endif]-->

它将为每个元素提供 hasLayout。如果它按原样解决了您的问题，那么您必须找出哪些元素真正需要 hasLayout 才能正确显示。可以是表单，它的父元素或它的子元素之一......然后只给这个元素 hasLayout。

3/
您还可以在每三个子表单上使用 display: inline-block(它们之间的 HTML 代码中没有空格)并告诉 IE6/7

 each_element_with_display_inlineblock {
   display: inline;
   zoom: 1; /* or nothing if it already has a width, height or any property giving it hasLayout */
 }