Javascript div绝对位置。。。overflow-y：自动，然后垂直滚动条覆盖部分内容

我有一个绝对位置的div

在其他一些分区内

a endababababab

正如您所看到的，第一个div不是完全可见的 这是因为垂直滚动条覆盖了它

如果我设置overflow-y：滚动。问题消失了

但是我不想这样做，因为这个div是自动生成的（通过javascript），在很多情况下我不需要垂直滚动条（例如，如果列表有一个或两个或三个项目）

有人能建议如何解决这个问题吗？

你真的需要“空白：pre；”？ 如果您删除此部分，我认为它会起作用

将其添加到css中

{padding-right: 20px;}

原因：滚动条的边框覆盖了您的div文本。你需要给同样的空间

---

为容器内的每个div使用右边距：

.container div{margin:0 20px 0 0}

---

如果滚动条可能会显示，也可能不会显示，请使用带有包装器的内容容器，包装器可能会滚动，也可能不会滚动。html:

<div class="container">
   <div class="entries">
       <div>ab                          a</div>
       <div>ab</div>
       ...
   </div>
</div>

演示者：

---

这就是说，如果您绝对需要

pre

空格处理，并且行很长，那么您需要打开两个方向的滚动，而不仅仅是

y

，这很好地表明您试图呈现内容的方式不是一种好的方式。用户体验对您的用户来说会很差，根据您在这些输入div中列出的内容，会有更好的方式显示这些数据。

请发发发慈悲，不要使用内联CSW为什么要格式化这些数据？您真正想要做的是什么，您决定使用这个div解决方案来解决这个问题？（因为我强烈怀疑已经有了更好的解决方案，而你却要求我们解决错误的问题）。@Mike'Pomax'Kamermans我正在预格式化，因为它的内容需要考虑空格。我只需要一个div来包装其他一些预格式化的div（有点像列表）。我需要滚动条不隐藏任何内容Opera正确布局并加宽div，以便显示内容和滚动条。您在哪个浏览器（版本）中遇到此问题？您希望得到什么？An

溢出-x：隐藏；空白：预处理总是会导致隐藏内容。只需设置
overflow-x:auto
，或者使用
空白：预换行卡辛-是的，我需要空白：很有趣，但是谁告诉你滚动条的最大速度是20px。此外，即使滚动条不存在，也将始终应用右键填充…@Zo72-对不起，我误解了你的问题。你到底想要什么？还有，我不是说20像素。这是一个更广泛的价值观，让你了解问题几乎。。。唯一的问题是，如果div适合垂直大小（我没有滚动条，所以我仍然有20px的填充，这有点烦人）请看：谢谢，但谁告诉你滚动条的最大值总是20px。Alsom argin right将始终应用，即使滚动条不存在，这不是很好谢谢，但正如您从JSFIDLE中看到的那样，div容器占用了太多的水平空间。对，因此如果需要，请为class
container
的div指定一个显式宽度，然后我们立即遇到了问题，我添加了以“That said，…”开头的评论
<div class="container">
   <div class="entries">
       <div>ab                          a</div>
       <div>ab</div>
       ...
   </div>
</div>

.container {
    height: 100px;
    overflow-y: auto;
}

.entries div {
    white-space: pre;
}