html - 用多行框填充容器（取决于滚动条）

Question

如何以适用于所有浏览器的方式填充 500px 宽的容器，overflow-y设置为scroll2 行（例如）2 个框？

问题是不同的浏览器具有不同的滚动条宽度，并且滚动条可能会或可能不会占用容器中的空间。这就是为什么我不能只给盒子一个 250 像素的宽度。

我应该如何解决这个问题？

谢谢！

Answer 1

好的，结果是单个盒子上的填充搞砸了盒子的计算宽度（宽度设置为 50%）。删除盒子上的填充并创建一个带边距的内盒来模拟填充，解决了我的问题。

此外：

正如上面的用户 deiga 评论：使用box-sizing: border-box也将解决问题