CSS-溢出：滚动；-总是显示垂直滚动条？
所以目前我有：
#div {
position: relative;
height: 510px;
overflow-y: scroll;
}
但是，我认为对于某些用户来说，那里有更多的内容是显而易见的。他们可以在不知道我的div实际包含更多内容的情况下向下滚动页面。我使用510px的高度，因此它会截断一些文本，因此在某些页面上看起来确实有更多内容，但这不适用于所有页面。
我使用的是Mac，在Chrome和Safari中，垂直滚动条仅在鼠标悬停在Div上并且您正在滚动时才会显示。有没有办法一直显示它？
问题答案：
我自己就遇到了这个问题。OSx Lion在不使用时会隐藏滚动条，使它看起来更“光滑”，但是同时出现了您解决的问题：人们有时看不到div是否具有滚动功能。
解决方法：在您的CSS中包括-
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
/* always show scrollbars */
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
/* css for demo */
#container {
height: 4em;
/* shorter than the child */
overflow-y: scroll;
/* clip height to 4em and scroll to show the rest */
}
#child {
height: 12em;
/* taller than the parent to force scrolling */
}
/* === ignore stuff below, it's just to help with the visual. === */
#container {
background-color: #ffc;
}
#child {
margin: 30px;
background-color: #eee;
text-align: center;
}
<div id="container">
<div id="child">Example</div>
</div>
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
问题内容： 这个 提供了一个用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动？ 问题答案： 除了使用错误的属性外，还可以解决它。滚动条可与任何财产被触发，或者每个人都可以被设置为任意的，，，，或。您当前正在查看以下两个： -此值将查看盒子的宽度和高度。如果已定义它们，则不会使框扩展到这些边界之外。而是（如果内容超出了这些边界），它将为超出其长度的任意一个边界（或两个边界）创建一个
-
出于好奇，考虑到下面的示例，为什么在#container div上有边距会导致浏览器中出现垂直滚动条？容器的高度比设置为100%的车身高度小得多。 我已经将除了#容器之外的所有元素的填充和边距设置为0。注意，我故意省略了#container div上的绝对定位。在这种情况下，浏览器是如何计算身体的高度的，边距是如何影响它的？ JSFiddle上的示例
-
我的目标是创建一个具有特定条件的表： 如果显示宽度太小，无法容纳内容，请添加水平滚动条，并且不要收缩单元格。 如果显示高度太小，无法容纳内容，请添加垂直滚动条，并且不要收缩单元格。 我设法实现了这一点，但我有一个问题，如果显示宽度和高度都太小，不能适合内容，垂直滚动条是完美的，但水平滚动条隐藏在垂直溢出下。因此，如果用户希望看到整个第一行，他/她需要垂直滚动到末尾，然后水平滚动到末尾，最后垂直往回
-
我总是很难让布局与一起工作。我肯定我错过了什么。基本上，我有一个由并排的两列组成的网页。右边的列包含一个固定宽度为的正方形。左边的列应该是可扩展的。由两列组成的页面内容的最大宽度应为400px。当屏幕宽度在和之间时，左边的列应该缩小，但右边的列应该总是。 问题是左列中有一些文本由一个没有空格的长单词组成。这个词恰好是一个URL，但它可能是任何东西，只要它没有任何空格。它似乎可以防止左列收缩。我尝试