我因此而安排了以下内容:
<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位置:相对。我的问题是,#thumbnails中的项目是脚本化的可拖动对象,它们以绝对定位的元素的重影拖动到缩略图之外。如果将父级放置在下面,这不会很好:相对地,因为现在绝对位置是相对于#thumbnails而不是
<body>
的。有谁知道IE7错误的替代解决方案? 最佳答案
您是否听说过这个令人讨厌的IE“ hasLayout”属性? http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx(引用了一些msdn的痛处,我现在觉得很脏...)。无论如何,请尝试对您的容器应用“ zoom:1”:这可能会改善这种情况。唯一的问题:zoom属性仅适用于IE,它将在另一个浏览器下的CSS日志中创建警告。