Question

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

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

<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

Answer 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>

Answer 2

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

一种可能的解决方法：

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

（未经测试）

宽度100％，位置固定

2 个答案: