为什么要使用 99.9% 而不是 100% 的 HTML/CSS 宽度？

Question

我见过许多开发人员在我会使用 100% 的地方编写 99.9% 的 HTML 或 CSS 内联样式宽度。使用 99.9% 有什么正当理由吗？和100%有什么有效区别吗？

编辑转推 MSalters 的非常好的问题：Considering that 99.9% is one pixel off above 500 pixels, why not 99.99%? 我猜他是对的，如果你要使用 dirty hack，你应该使用 99.99%，有人不同意吗？

其他参考：

• @Michael Stum 关于 CSS 缩放属性的评论让我看到了这个有趣的链接，该链接是关于使用 zoom 触发 hasLayout 的：http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm。
• @Andrew Dunn 在 hasLayout 上提供了这个非常全面的链接：http://www.satzansatz.de/cssd/onhavinglayout.html

Answer 1

hasLayout 属性

这是一个肮脏的技巧，用于将元素的 IE 特定 hasLayout 属性设置为 true。 hasLayout 属性“确定元素如何绘制和绑定其内容、与其他元素交互和关联，以及对应用程序/用户事件做出反应和传输。”提供元素 layout 是修复 Internet Explorer 中出现的许多与布局相关的错误的简单方法。

99.9% 是怎么回事？

将宽度设置为 99.9% 是触发它的一种方法。使用 99.9% 的原因是，如果元素的 width 设置为 auto 以外的任何值，则会为元素提供布局。将其设置为百分比可避免使用固定宽度。

在 jsFiddle 中进行了一些测试后，我得出的结论是，确实没有必要使用 99.9% 的宽度，使用 100% 的宽度同样有效。 http://jsfiddle.net/3qfjW/2/（仅限 IE）。似乎将 width 设置为 99.9% 可能是 common misconception 卡住了。传播人们这个词。

其他方法

您也可以使用zoom: 1; 触发hasLayout 虽然这是许多人的首选方法，因为它不会与元素的其他样式相关功能混淆，它也是无效的 CSS 代码，这不是一个选项供一些开发人员使用。

---

进一步阅读

更多触发hasLayout的方法请查看：http://www.satzansatz.de/cssd/onhavinglayout.html

有关hasLayout 属性的更多信息，请查看hasLayout http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx 上的MSDN 文章（这实际上是一本很好的读物，有很多详细信息）

Answer 2

这是真的 width 除了auto 和 zoom 触发 hasLayout，zoom 是更灵活的属性/值，因为它不会弄乱宽度，但我认为这不是原因为什么你看到开发者使用 99.9%。

在某些浮动情况下，浮动的组合宽度加起来不能达到 100%（如果以百分比指定），因为 IE6 错误地将其计算为超过 100%，并且通常后者的浮动会下降。

解决方案是为 IE 指定一个 -1px 的右边距或使总和为 99.99%。

我已经记录了错误here。因此，无论它是否与您所看到的有关，希望错误链接对遇到它的人有所帮助。