Question

编辑：实际上这不是Firefox的问题，但它在Chrome中。

我正在使用React。我有一张很宽的桌子。桌子周围有div，宽度为100％。其他一切都是另一个bootstrap div，其宽度根据窗口大小进行调整。

对于内部<div style={{width:"100%", overflow:"auto"}}>，我有table。但是没有出现水平滚动条。但是，如果我突出显示表格中的文本并向右拖动，div内的const loader = document.createElement('span') // some styles for the loader // i'm using body just for example purposes document.body.appendChild(loader) fetch('refreshFromService/{guid}') .then(data => { document.body.removeChild(loader) // do something with data return data })会用鼠标滚动。如何在不指定固定宽度和高度的情况下显示滚动条？（我用固定的宽度和高度尝试了它并且＃34;工作＆＃34;，但是我不能这样做，因为用户可能会调整窗口大小。）

Answer 1

如果我理解正确的话，你可以这样做：

＆＃13;

body {margin: 0}

#container {
  width: 100%;
  height: 50vh;
  overflow: auto;
}

#container > table {
  width: 200%;
  height: 100%;
  background: Lavender;
}

＆＃13;

<div id="container">
  <table>
    <tr>
      <td><td>
    </tr>
  </table>
</div>

＆＃13;

为div宽的表启用水平滚动条，而不指定固定宽度

1 个答案: