为什么IE7-没有正确显示这个CSS

Question

我使用div和float设置了一个搜索框来创建多列布局。我的IE 7客户端看到filter-label和filter-input-controls之间的换行符。

他们的公司政策不允许他们升级或使用Chrome或FF。我尝试使用clearfix和comment before the doctype。没有运气。

jsfiddle here

Answer 1

考虑使用LABEL标记和样式化的无序列表作为表单元素的容器。这样可以使代码更清晰，更具语义感。

请参阅：http://alistapart.com/article/prettyaccessibleforms

Answer 2

您的搜索框看起来太宽了。尝试将*width:添加到包含div的内容中。 *是IE7及以下版本的过滤器。

IE7将需要布局明智的所有内容（宽度，高度，浮动等）。如果一个元素太大，它将破坏布局。更现代的浏览器更宽容。

Answer 3

在我看来，您的“偏差状态”范围与您的选择位于不同的div中，可以预期它们将显示在不同的块元素中。因为我没有看到“显示：内联（或内联块）;”在CSS的任何地方，它看起来都不像是在考虑这种默认行为。