Question

我有一张宽度为140％的长桌。标题我只在窗口上添加了延伸，但没有覆盖表格右侧的最后几个项目。如果我（水平）向右滚动，标题不会随页面滚动。我确信这可以做到，但我不知道如何做。

   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位置，并将按预期移动。

如果您知道该表的width为140%，为什么不将标题的width更改为140%？

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

桌面宽度超过100％时浮动条

1 个答案: