html - 表格宽度大于 100% 时的 float 栏

Question

我有一张宽度为 140% 的长 table 。我添加的标题只延伸到整个窗口，但没有覆盖表格右侧的最后几项。如果我(水平)向右滚动，标题不会随页面滚动。我确信这可以做到，但我不确定如何做。

   if ($va == '1') { echo '<div class="myFloatBar" align="center"><strong>Viewing Location</strong></div>'; } 

这是 CSS:

.myFloatBar{
   bottom:0;
   left:0;
   width:100%;
   position:fixed;
   background-color:#0099ff;
   color: #FFFFFF;
   height: 20px;
   font-size: 15px;
   }

如何使栏与表格同宽并水平滚动？

Answer 1

将滚动条向右移动时“查看位置”文本不会向左移动的原因是 position: fixed;。如果您删除它，该元素将被赋予默认的 static 位置，并将按照您的预期移动。

如果您知道表格的宽度是140%，为什么不将标题的宽度更改为140 %?

示例:http://jsfiddle.net/kmoe/fLyhkemv/