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

Question

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

编辑转发 MSalters 的非常好的问题:考虑到 99.9% 比 500 像素少一个像素，为什么不是 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 的肮脏 hack。 hasLayout 属性“决定元素如何绘制和绑定(bind)它们的内容、与其他元素交互和关联，以及对应用程序/用户事件使用react和传输。”为元素提供 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 的 MSDN 文章 http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx (这实际上是一本很棒的读物，有很多详细信息)