CSS水平滚动条不显示，或右侧有空白区域
当我缩小浏览器窗口时，需要在我的网站上显示一个水平滚动条。 当我将{overflow-x:auto;}放入浏览器时，即使浏览器被最大化，我也能立即得到一个滚动条，并且我的右侧有100像素的空白空间。
body {
padding: 0;
margin: 0;
}
.container {
font-size: 0;
height: 100%;
width: 100%;
position: fixed;
top: 0px;
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
}
尝试使用这个
body {
padding:0;
margin:0;
}
.container {
font-size: 0;
height: 100%;
width: 100%;
position: fixed;
top: 0px;
bottom: 0;
overflow-y:scroll;
margin-right: -10px;
overflow-x:hidden;
} `
如果你仍然面临任何问题。 你可以请分享小提琴链接，我可以检查，并为您提供更准确的解决方案。
如果你只想在需要的时候显示滚动条，那么你需要使用overflow：auto，更多的参考请看这里。
页面的结构非常混乱，所以我不会去修复这个结构，但是会提供我如何获得单杠的结果。
问题在于div＃navbar子元素。 还有您使用边距和填充属性的方式。 有关如何使用它们的一些信息，请看这里。
div＃ctu元素的margin-left属性处于活动状态，它将元素扩展到其继承的大小之外。
#ctu{
margin-left:20px --> padding-left:20px;
}
#ft{
position:absolute; ---> position:relative;
padding-left:10px --> padding-left:0px;
}
.container{
overflow-y: scroll; ---> overflow-y:auto;
overflow-x: hidden !important; overflow-y:auto;
//OR
overflow:auto;
}
上一篇: CSS horizontal scroll bar not showing, or there is blank space on the right