Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 滚动条没有';当我在div上有最小宽度时,不能添加到宽度_Html_Css - Fatal编程技术网

Html 滚动条没有';当我在div上有最小宽度时,不能添加到宽度

Html 滚动条没有';当我在div上有最小宽度时,不能添加到宽度,html,css,Html,Css,我有一个div,它有溢出:auto,我有一个设置宽度的内容,(一行6张照片)当没有滚动条时,它们很好,但是当内容变为强制溢出时,它会添加一个滚动条,而不是将滚动条宽度添加到当前div的宽度,它只占用内联元素空间的空间,强制它删除最后一张照片,并在剩余的空间中添加一堆额外的空白。我在带有溢出自动的div包装上使用最小宽度。有什么办法可以解决这个问题吗?对此你真的无能为力。有两个想法: 使用overflow:scroll强制滚动条始终显示。这样就不会有意外;它将是一致的 补偿初始CSS中(可能)滚

我有一个div,它有溢出:auto,我有一个设置宽度的内容,(一行6张照片)当没有滚动条时,它们很好,但是当内容变为强制溢出时,它会添加一个滚动条,而不是将滚动条宽度添加到当前div的宽度,它只占用内联元素空间的空间,强制它删除最后一张照片,并在剩余的空间中添加一堆额外的空白。我在带有溢出自动的div包装上使用最小宽度。有什么办法可以解决这个问题吗?

对此你真的无能为力。有两个想法:

  • 使用
    overflow:scroll
    强制滚动条始终显示。这样就不会有意外;它将是一致的
  • 补偿初始CSS中(可能)滚动条的宽度。不幸的是,这只能是猜测。30像素左右应该足够了

另一件需要考虑的事情是重新设计你的设计。带有
溢出的页面元素:auto/scroll
有时很有用,但我听说它们在某些触摸设备上可能存在可用性问题,而且滚动条很难看;)

我一直听说scrollbar需要20px,但不确定几年后它的有效性有多高:)根据丑陋的滚动条,当然有jquery插件可以让你用图像自定义它们(它们创建一组div而不是一个普通的滚动条),假设滚动条在所有可能的浏览器中都是相同的大小。是的,我可能只是走jquery路线,让它为每个人模拟OSX Lion滚动条(我无论如何都使用Lion)。@DylanCross:可能是个好主意,你不能相信本地滚动条的精确测量结果(加上它们很难看)。就我个人而言,我会尝试完全重新设计UI,这样您就不需要在第一时间使用它。希望我能找到触摸屏的参考资料,我通常不关心这类事情,所以我对它不太了解。我认为我使用滚动条的方式比大多数人都好,我可以很容易地将我的设计更改为不使用滚动条,但是我觉得这是我试图实现的最好的设计,但谢谢。