滚动条缩进div的主体

Question

页面上有滚动条时，主要内容部分出现以下问题：

换句话说，当有更多条目适合浏览器的高度时，就会出现滚动条。并且当有滚动条时，“类型”和“添加者”将定位在其应位于的左侧约10px。

是否有防止这种情况的CSS方法？还是我需要使用JavaScript来检测滚动条何时出现并相应地使文本缩进？

Answer 1

这是不可避免的情况。除webkit滚动条外，没有其他方法可以指示浏览器其滚动条的行为。

我假设您直接从表的父级溢出。我通过包装父级并溢出该包装器来实现HTML。现在，这不能直接解决您的问题，但可以给您更多自由来修改直接表容器的位置，填充和宽度。

<div class="table-parent-wrapper" style="overflow:auto">
   <div class="table-parent" style="height: auto;">
       <table></table>
   </div>
</div>

也许是这样