我的内容是这样安排的:
<div id="thumbnails" style="width: 40px; overflow: auto;">
<div style="float:left; width: 20px;">content</div>
<div style="float:left; width: 20px;">content</div>
<div style="float:left; width: 20px;">content</div>
<div style="float:left; width: 20px;">content</div>
<div style="float:left; width: 20px;">content</div>
<div style="float:left; width: 20px;">content</div>
在 IE7 中，这显示内容超出了可滚动框。到处的答案都是让#thumbnails position:relative。我的问题是#thumbnails 中的元素是可拖动的脚本，它们拖到缩略图之外，带有绝对定位的元素的幽灵。如果父级是 positioned:relatively 因为现在绝对位置是相对于 #thumbnails 而不是 <body> .有谁知道 IE7 错误的替代解决方案？
最佳答案
你听说过这个烦人的 IE“hasLayout”属性吗？ http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx (引用一些 msdn 伤害，我现在觉得很脏......)。无论如何，尝试将“缩放:1”应用于您的容器:它可能会改善这种情况。唯一问题:缩放属性仅适用于 IE，并且会在其他浏览器下的 css 日志中创建警告。
关于css - 替代位置 : relative; for overflow: auto; bug in IE7，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2953031/