Question

我希望输入表单的高度与右侧的按钮相同。我用最小高度值完成了这个，所以如果文本大小设置为大于这个高度，页面仍然可用。

问题是IE6无法识别最小高度。我可以设置一个固定的高度，但我担心用户会在此之外调整文本大小。因为这只是一个美容问题，我很想离开这个。

有什么建议吗？感谢

Answer 1

如果问题确实只是让min-height在IE6中运行，请使用Min-Height Fast Hack：

selector {
    min-height:500px;
    height:auto !important;
    height:500px;
}

它已经存在了很长时间，所以很容易识别出将来维护你的CSS的人。

Answer 2

在Internet Explorer 6中，height被视为min-height，并且不支持min-height。

因此，您可以编写一个仅针对IE6来修复此问题的规则。假设您有以下内容：

#navigation .nav-menu-item {
    min-height:50px;
}

为了在IE6中具有相同的效果，您可以添加第二条规则，只有IE6才能识别。我倾向于使用the star HTML hack：

#navigation .nav-menu-item {
    min-height:50px;
}
* html #navigation .nav-menu-item { /* for IE6 */
    height:50px;
}

您可以阅读更多here。

Answer 3

请允许我提供不同的方法。这是你的目标，如上所述：

我希望输入表单相同高度作为他们右边的按钮。

另外，如上所述，存在允许文本大小调整的条件：

如果文字大小是，
仍然可用设置为大于此高度

知道这一点，我的建议是将高度建立在EM上。使用EM定义输入和按钮的容器高度，然后将输入和按钮的高度设置为100％。这样，当用户重置其字体大小（从最小到最大）时，容器将增长和缩小，输入/按钮将随之增长和缩小。

我在以下网址上嘲笑了一个简单的例子：http://jsbin.com/oguze5/2/edit

为了造型目的，需要改变一些事情，但总体思路/概念非常合理。

Answer 4

感谢您的帖子thirtydot。我已经看到解决方案，但它对我没有用，它设置一个固定的高度非最小的一个。

我已经使用下面的解决方案完成了它并加载了IE6的CSS只是为了很好的衡量。它适用于我测试过的计算机，我希望它适用于所有IE6计算机：

谢谢