1

我有带有侧边栏的页面。这里有张桌子。无论表格有多大，我都想在屏幕底部显示一行。这条线应该与表格具有相同的宽度。

这是我尝试过的，但没有成功：

<div style="width: 100%; position: relative;">
    <table>
           ...
    </table>

    <!-- this div will be width as whole page, not as table -->
    <div style="width: inherit; position: fixed; bottom: 0;">Wuah!</div>
</div>

请告诉我一些建议如何使它工作:)
这是一个活生生的例子，包括侧边栏：http: //other.dttrading.sk/orders.htm

4

2 回答 2

1

您应该使用<div>包含表格的表格来格式化它们，而不是单独的表格来尝试将其格式化为表格。

<div style="width: 100% position: relative;">
   <!-- this next div is what you should use to format the table and line -->
   <div style ="width: how big you want your table AND line">
    <table>
           ...
    </table>
   </div>
    <!-- this div will be width as whole page, not as table -->
    <div style="width: inherit; position: fixed; bottom: 0;">Wuah!</div>
</div>
于 2012-08-07T22:49:41.700 回答
1

问题是fixed元素相对于视口是固定的，而不是它们的父元素，它们也会从视口继承宽度。您可以通过检查 DOM 来检查固定页脚的宽度是否与<body>.

一种可能的解决方法：

  • 让它left: 0左对齐页脚
  • 设置一些z-index值，使页脚位于侧边栏后面
  • 在页脚内添加另一个容器，将其向右偏移，并将其中的内容居中。

（未测试）

于 2012-08-07T23:27:06.157 回答