Question

我正在做一些响应式CSS，我希望有这样的东西：

<body>
<nav>
<ul>
 <li>Asd</li>
 <li>sdf</li>
</ul>
</nav>
<table>
 (Some wide table goes here)
</table>

我将导航栏定义为页面顶部的栏（=水平栏）。使用小屏幕（当桌子太大时），会出现水平滚动条。

我的问题是，当我横向滚动时，导航栏会向左移动并在右侧留下一个空白区域。我只是希望它可见，以保持酒吧的印象。有什么想法怎么做？

我知道，其中一个将是位置：固定，因此导航保持固定，但这也意味着导航将被修复，即使是垂直滚动，我不想要。

我只是希望它与整个页面一样宽（不仅像屏幕一样宽），同时还可以垂直滚动。（如果导航内容在水平滚动发生时滚动，或者如果导航内容只是滚动并且只有导航背景（以及导航边框等），那么对我来说无关紧要）

Answer 1

使用CSS，position:absolute; left:0;（当页面滚动时，阻止它从网页的左侧移开。）

Answer 2

我不确定我是否完全了解您，但是我认为解决您的问题的方法是使用CSS设置overflow: hidden参数。

您可以使用内部/外部CSS的<style>中的<head>标签来完成此操作，就像这样：

<head>
  <style>
    table {
      display: flex;
      overflow: hidden;
    }
  </style>
</head>

否则，您可以使用具有样式属性的嵌入式CSS直接添加它，该属性不会占用太多空间，而仅适用于该特定表（而不是页面上的所有表）。例如：

<body>
  <table style="overflow:hidden">
   (Some wide table goes here)
  </table>
</body>