当我在 div 上有最小宽度时,滚动条不会增加宽度



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

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

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

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

最新更新