Question

我在这里找到了数据：

和页面在这里上演：

基本上我的分页元素被推到左边，并且位于我的标题之上。这只发生在IE 8中 - 在Chrome，FF和Opera中运行良好。我想弄清楚什么是错的，我会发疯的。 HTML验证很好。

有什么想法吗？

Answer 1

快速解决方案：

要使其大致工作，请将分页包装器更改为position: relative，然后将ul.paging浮动（删除位置）。

您需要在head_text中添加高度以包含分页包装器（因为paging_wrapper现在位于流之外，因此其高度不计算在内。）

更长的解决方案：

即使使用上面的修复程序，你仍然会遇到一个问题，即长标题会重叠，所以我会定义标题的区域/宽度（如果太长则使其换行）并限制分页设备的区域（通过限制显示的按钮数量）。

Answer 2

另一种快速解决方案：为.paging CSS类（UL）指定正确的宽度。例如，宽度220px似乎是正确的。

.paging {
  ...
  ...
  width: 220px; /* new */
}

Answer 3

我认为利用负利润率似乎更具问题。您在paging_wrapper和分页li a上都有margin-top。这可能会在IE中引起一些奇怪的支持。