Html 在引导程序中生成一行'；s词缀

我已经掌握了Bootstrap的词缀，但是我有一些困难，因为我试图使用它在

行上使用
位置：fixed

更准确地说，我正试图做的是：


在滚动列表的底部有一个始终可见的总和行
到达列表底部后，sum/total行向上滚动，让用户看到下面的内容（在我的例子中，只有在站点其余部分通用的页脚）

下面是一个试图重现我的情况的快速案例：

如您所见，当您到达底部时，粘贴线显示良好（
。粘贴底部
），但在
位置时，粘贴线显示不正确：固定（
。粘贴顶部
和
。粘贴
）

我觉得我很接近，只需要稍微修改一下类和CSS，但我很难找到干净的通用解决方案。
你必须应用
的宽度。粘贴
比如100%或其他什么

因为当您设置
位置：fixed
时，您必须应用该div的宽度

jsiddle-link:
你必须应用
的宽度。粘贴
比如100%之类的东西

因为当您设置
位置：fixed
时，您必须应用该div的宽度

jsiddle链接：
您也可以在答案中共享该链接。嗨@珍爱！是的，我试过宽度，但是100%太多了。我看到您使用了91.3，但这只适用于一种大小的屏幕（调整窗口大小，您会看到它再次关闭）。我正在寻找一种方法来精确地确定这一点（可能是从Bootstrap的变量）。相对宽度不起作用，因为我需要像
100%-30px
（补偿边距）这样的东西，据我所知，这在CSS中是不可能的。你也可以试试这个宽度：calc（100%-30px）@对不起，我没有看到你最近的评论。我不知道
calc
，但是谢谢你！这确实是一条路要走！看看哪一个似乎有效。也许你可以基于此更新你的答案，这样它就包含了所有有用的元素（样式、容器链等等；或者我可以建议编辑）。这样，我就可以接受你的答案，并给你应得的分数（好吧，答案应该是自给自足的，不需要下一个来浏览评论）。
calc
在这个简单的例子中起作用，但当div在更复杂的家长中时就不起作用了。你也可以在答案中共享链接。嗨@care！是的，我试过宽度，但是100%太多了。我看到您使用了91.3，但这只适用于一种大小的屏幕（调整窗口大小，您会看到它再次关闭）。我正在寻找一种方法来精确地确定这一点（可能是从Bootstrap的变量）。相对宽度不起作用，因为我需要像
100%-30px
（补偿边距）这样的东西，据我所知，这在CSS中是不可能的。你也可以试试这个宽度：calc（100%-30px）@对不起，我没有看到你最近的评论。我不知道
calc
，但是谢谢你！这确实是一条路要走！看看哪一个似乎有效。也许你可以基于此更新你的答案，这样它就包含了所有有用的元素（样式、容器链等等；或者我可以建议编辑）。这样，我就可以接受你的答案并给你应得的分数（好吧，答案应该是自给自足的，不需要下一个学生浏览评论）。
calc
在这种简单的情况下起作用，但当div在更复杂的家长中时就不行了。