用一排盒子填满一个容器(取决于滚动条)

时间:2013-01-04 12:37:30

标签: html css

如何将overflow-y设置为scroll的500px宽容器,以及适用于所有浏览器的方式(例如)2个行的行填充?

What I want To Achieve

问题是不同的浏览器具有不同的滚动条宽度,并且滚动条可能会占用容器中的空间,也可能不占用空间。这就是为什么我不能只给箱子宽250px。

我该如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

此外:

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