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

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

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

jsfiddle here

【问题讨论】:

    标签: css cross-browser internet-explorer-7


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        【解决方案3】:

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

        见:http://alistapart.com/article/prettyaccessibleforms

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2012-08-31
          • 2011-10-17
          • 2011-02-19
          相关资源
          最近更新 更多