为什么 IE7- 不能正确显示这个 CSS答案

【问题标题】：Why doesn't IE7- display this CSS properly为什么 IE7- 不能正确显示这个 CSS
【发布时间】：2013-07-07 11:18:27
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

您的搜索框似乎太宽了。尝试将*width: 添加到包含div。 * 是 IE7 及以下版本的过滤器。

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

【讨论】：

【解决方案2】：

在我看来，您的“偏差状态”跨度与您选择的 div 不同，人们希望它们显示在不同的块元素中。因为我没有看到“显示：内联（或内联块）；”在你的 CSS 中的任何地方，看起来你都没有考虑到这种默认行为..

【讨论】：

【解决方案3】：

考虑使用 LABEL 标记和带样式的无序列表作为表单元素的容器。这会产生更简洁的代码，并且更具语义意义。

【讨论】：