Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 用一排盒子填满一个容器(取决于滚动条)_Html_Css - Fatal编程技术网

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

Html 用一排盒子填满一个容器(取决于滚动条),html,css,Html,Css,如果overflow-y设置为scroll,我如何填充一个500px宽的容器,以一种适用于所有浏览器的方式填充(例如)两行框 问题是不同的浏览器有不同的滚动条宽度,而滚动条可能会,也可能不会占用容器中的空间。这就是为什么我不能给盒子一个250像素的宽度 我应该如何解决这个问题 谢谢 好的,结果是各个盒子上的填充物扭曲了盒子的计算宽度(宽度设置为50%)。移除盒子上的填充物并创建一个带边框的内部盒子来模拟填充物,解决了我的问题 此外: 正如上面用户deiga的评论:使用框大小:边框框也可以解决问

如果
overflow-y
设置为
scroll
,我如何填充一个500px宽的容器,以一种适用于所有浏览器的方式填充(例如)两行框

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

我应该如何解决这个问题


谢谢

好的,结果是各个盒子上的填充物扭曲了盒子的计算宽度(宽度设置为50%)。移除盒子上的填充物并创建一个带边框的内部盒子来模拟填充物,解决了我的问题

此外:


正如上面用户deiga的评论:使用
框大小:边框框
也可以解决问题

你不能给框50%的宽度吗?不,因为滚动条可能会占用容器的一些空间。目前,我正试图将每一行包装成一个div,然后给每一个框指定50%的宽度,但仍然没有成功..嗯,当我将其设置为50%时,框的填充似乎将计算出的宽度弄乱了。差不多了…添加CSS
框大小:边框框
这将控制框和滚动条的大小。。。