我们有这样的模型。中的网站的主要部分.container受最小和最大宽度的限制（对于“蓬松度”）。我们需要在浏览器窗口底部创建一个固定块到整个可用宽度，但是里面的内容必须像容器一样在宽度上进行限制。一切都会好的，但是垂直滚动的大小会干扰计算。原则上，我可以简单地通过询问来解决这个问题.bar {overflow-y: scroll}。但这是一根拐杖，我不想使用它。怎么变美？
ps：如果那样，Html可以更改相同。
编码：
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
}
.container {
width: 100%;
max-width: 400px;
min-width: 320px;
min-height: 120vh;
box-sizing: border-box;
border: 1px solid grey;
margin: 0 auto;
}
.bar {
position: fixed;
top: calc(100vh - 4em);
left: 0;
background-color: rgba(0, 0, 0, .2);
width: 100vw;
}
.bar .container {
border-color: red;
}<div class="container">
</div>
<div class="bar">
<div class="container">
</div>
</div>
您好，修复栏宽度的样式：100%。正如您正确指出的，问题是由于滑块引起的，但是您使用 vw 单位 - 窗口宽度的百分比（滑块也有自己的宽度）。您可以减少容器类的高度和外观。