如何使最小宽度在 IE7 中起作用？答案

【问题标题】：How to make min-width in percentage work in in IE7?如何使最小宽度在 IE7 中起作用？
【发布时间】：2012-10-14 03:35:12
【问题描述】：

如何让 {min-width:100%} 在 IE7 中工作？在 IE8+ 和其他浏览器中运行良好。

我正在使用下拉菜单，其中下拉菜单的宽度应取决于下拉菜单中最长的文本，但不得小于父链接的宽度。所以我在下拉列表中添加了 min-width:100% 。但它适用于其他浏览器，但不适用于 IE7。

我怎样才能让它发挥作用？

Demo 在这里分叉和玩。在 IE7 中检查这个 http://codepen.io/jitendravyas/pen/AheDs

【问题讨论】：

没有看到代码就不能确定。您是否明确设置了父母/父母的父母/等的大小？
@vdbuilder 没有父级的宽度不固定，因为父级的文本也可以是灵活的
我需要考虑绕过它已经有一段时间了，但是 IE7- 关于设置元素树的宽度以使最小/最大/宽度正常工作有点 ******。最简单的事情就是拿出js自己做:(
@vdbuilder 我已将演示添加到我的问题中。查看 IE7 中悬停时的下拉菜单以了解问题
你应该考虑我的回答，因为这个答案不应该是一个老掉牙的故事，关于一个浏览器中 1001 兼容性问题的 1001 解决方案，它应该是所有浏览器中 1001 兼容性问题的一个解决方案。

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

【解决方案1】：

请检查This 我认为这正是您要找的。p>

【讨论】：

【解决方案2】：

试试 Modernizr，它可以在较旧/不太兼容的浏览器中轻松实现很多事情。尝试开发版本，看看它是否可以帮助您并针对您的特定需求编写您自己的生产版本，以最小化 javascript 库的大小（和速度）。

Modernizr 是一个检测 HTML5 和 CSS3 特性的 JavaScript 库在用户的浏览器中。

【讨论】：

我在您的 codepen 中删除了modernizr 代码，它可以工作：codepen.io/jitendravyas/full/AheDs
我使用spoon.net/browsers 获得了一个快速免费的虚拟IE7（还有ie6、多个其他浏览器等等 - spoon.net/apps）

【解决方案3】：

IE7 不像其他浏览器那样以这种方式运行。它需要在父元素上显式地width。您的当前代码在这里给它一个width：

.site-nav .flyout-content{
    border:1px solid #e4e4e3;
    /*  width:100%;*/
    height:100%;
    min-width:100%;
    *width:170px;  <-------------- THIS IS PICKED UP BY IE7
    box-shadow: 8px 6px 10px rgba(65, 65, 65, 0.45);
}

如果您知道最宽元素的width，您可以将那里的数字更改为更大的数量，它“工作”为this fiddle demonstrates（注意：CodePen 示例在 IE7 模式下不适用于我，所以我将代码移至 jsfiddle.net）。但是，您最好为 IE7 实现一些类似于 the solution in this question 的 javascript 解决方法（基本上与您提出的问题相同）。

【讨论】：

【解决方案4】：

检查CSS Compatibility and Internet Explorer。通过在文档模式下查看开发人员工具，确保您有适当的文档类型并且玩具未处于 Quirks 模式。

check IE7 and minWidth

【讨论】：

你能帮我看看如何使用这个脚本吗codepen.io/jitendravyas/pen/pzJuK

【解决方案5】：

ie9.js 声称添加了对 min-width 的支持，您可以将其添加到您的源代码中进行测试：

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

您可以在http://code.google.com/p/ie7-js/ 阅读有关 ie7.js 项目（包括 ie9.js）的更多信息。

请记住，其他一些 javascript 库，例如 css3 pie 不适用于 ie9.js。

【讨论】：