Question

我有这样的内容安排：

<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中的项目是scriptaculous draggables，它们在缩略图之外用绝对定位的元素的幽灵拖动。如果父级定位，这不会很好：相对因为现在绝对位置是相对于#thumbnails而不是<body>。有没有人知道IE7错误的替代解决方案？

Answer 1

你听说过这个烦人的IE“hasLayout”属性吗？ http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx（引用一些msdn的伤害，我现在觉得很脏......）。无论如何，尝试将“zoom：1”应用于容器：它可能会改善这种情况。仅发出：zoom属性仅限IE，并将在另一个浏览器下的css日志中创建警告。

替代位置：相对;溢出：auto; IE7中的错误

1 个答案: