HTML不让垂直滚动条创建水平滚动条[重复]
在我的HTML页面中，我有很多宽度：100VW的东西占据了整个页面。有一个垂直滚动条，它导致一个水平滚动条（因为垂直滚动条占用了20像素）。
这导致的更大问题是我的东西似乎偏离了中心。虽然只是轻微的，但一旦你注意到它（这需要大约3秒的凝视），它不会消失，而且是非常令人沮丧的。我贴了一张超级小浏览器窗口的截图。我还把代码贴出来了。
图像
null
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}
div {
width: 100vw;
height: 60vh;
margin: 0 0 1vh 0;
background-color: #CCC;
text-align: center;
}
</style>
</head>
<body>
<div>A div tag</div>
<div>A div tag</div>
</body>
</html>null
文字偏离了中心。我怎么解决这个？
共有1个答案
将div更改为width：100%？
null
body {
margin: 0;
}
div {
width: 100%;
height: 60vh;
margin: 0 0 1vh 0;
background-color: #CCC;
text-align: center;
}<div>A div tag</div>
<div>A div tag</div>-
问题内容： 我有一个固定宽度但高度可变的HTML文本区域。我想设置并能够显示一个垂直滚动条，但不能显示水平滚动条。由于其他与我的情况有关的其他原因，我无法使用。 我知道无法使用CSS2仅显示垂直滚动条，而不能显示水平滚动条。我可以使用JavaScript隐藏水平滚动条吗？ 问题答案： 您可以像这样使用CSS：
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
我一直在努力解决HTML/CSS粘滞头+滚动条的问题。我们正在创建一个程序，一旦containersize达到某个点（取决于用户的分辨率），就需要滚动条显示出来。 我在表中的第二列上强制设置一个min-width,因此表在某个点停止递减,并强制容器保持在某个宽度。容器上的溢出显示水平滚动条。一切正常。一旦我为垂直滚动添加了第二个滚动条，事情就会变得一团糟。有人有解决这个问题的办法吗？我想在.tab
-
我的目标是创建一个具有特定条件的表： 如果显示宽度太小，无法容纳内容，请添加水平滚动条，并且不要收缩单元格。 如果显示高度太小，无法容纳内容，请添加垂直滚动条，并且不要收缩单元格。 我设法实现了这一点，但我有一个问题，如果显示宽度和高度都太小，不能适合内容，垂直滚动条是完美的，但水平滚动条隐藏在垂直溢出下。因此，如果用户希望看到整个第一行，他/她需要垂直滚动到末尾，然后水平滚动到末尾，最后垂直往回
-
我正在使用GridView创建一个组件来创建像Excel这样的表。在这里，我最初创建了一个2x2网格，稍后当用户单击按钮时，会添加额外的行和列。 这是我添加新专栏的做法：- 这可以正常工作并添加额外的列。问题是当添加列时，以前的列会收缩以适应新列，从而使每次添加新列时列看起来更小。我想一次只在屏幕上显示2列，然后让用户水平向前滚动以查看更多列。现在网格只能垂直滚动。同样，我希望在添加新行时发生这种