Html 滚动条没有';当我在div上有最小宽度时,不能添加到宽度
我有一个div,它有溢出:auto,我有一个设置宽度的内容,(一行6张照片)当没有滚动条时,它们很好,但是当内容变为强制溢出时,它会添加一个滚动条,而不是将滚动条宽度添加到当前div的宽度,它只占用内联元素空间的空间,强制它删除最后一张照片,并在剩余的空间中添加一堆额外的空白。我在带有溢出自动的div包装上使用最小宽度。有什么办法可以解决这个问题吗?对此你真的无能为力。有两个想法:Html 滚动条没有';当我在div上有最小宽度时,不能添加到宽度,html,css,Html,Css,我有一个div,它有溢出:auto,我有一个设置宽度的内容,(一行6张照片)当没有滚动条时,它们很好,但是当内容变为强制溢出时,它会添加一个滚动条,而不是将滚动条宽度添加到当前div的宽度,它只占用内联元素空间的空间,强制它删除最后一张照片,并在剩余的空间中添加一堆额外的空白。我在带有溢出自动的div包装上使用最小宽度。有什么办法可以解决这个问题吗?对此你真的无能为力。有两个想法: 使用overflow:scroll强制滚动条始终显示。这样就不会有意外;它将是一致的 补偿初始CSS中(可能)滚
- 使用
强制滚动条始终显示。这样就不会有意外;它将是一致的overflow:scroll
- 补偿初始CSS中(可能)滚动条的宽度。不幸的是,这只能是猜测。30像素左右应该足够了
另一件需要考虑的事情是重新设计你的设计。带有
溢出的页面元素:auto/scroll
有时很有用,但我听说它们在某些触摸设备上可能存在可用性问题,而且滚动条很难看;) 我一直听说scrollbar需要20px,但不确定几年后它的有效性有多高:)根据丑陋的滚动条,当然有jquery插件可以让你用图像自定义它们(它们创建一组div而不是一个普通的滚动条),假设滚动条在所有可能的浏览器中都是相同的大小。是的,我可能只是走jquery路线,让它为每个人模拟OSX Lion滚动条(我无论如何都使用Lion)。@DylanCross:可能是个好主意,你不能相信本地滚动条的精确测量结果(加上它们很难看)。就我个人而言,我会尝试完全重新设计UI,这样您就不需要在第一时间使用它。希望我能找到触摸屏的参考资料,我通常不关心这类事情,所以我对它不太了解。我认为我使用滚动条的方式比大多数人都好,我可以很容易地将我的设计更改为不使用滚动条,但是我觉得这是我试图实现的最好的设计,但谢谢。