2012-01-18 81 views
2

我有一個div,它具有溢出:自動,並且具有設置寬度的內容(連續6張)沒有滾動條他們很好,但是當內容去強制溢出添加一個滾動條,而不是將滾動條寬度添加到當前div的寬度它只需要從內聯元素空間的空間,迫使它切斷最後一張照片,並有一堆額外的空白剩餘空間。我在溢出自動div的包裝上使用最小寬度。有沒有什麼辦法解決這一問題?當div上有最小寬度時,滾動條不會添加到寬度

回答

1

對此,您可以做的不多。一對夫婦的想法:

  • 使用overflow:scroll強制滾動條始終顯示。這樣就不會有驚喜;這將是一致的。
  • 補償初始CSS中(可能的)滾動條的寬度。不幸的是,這必須是一個猜測。 30px左右應該很多。

要考慮的另一件事是重新設計您的設計。帶有overflow:auto/scroll的頁面元素有時可能有用,但我聽說他們在某些觸摸設備上可能存在可用性問題,以及滾動條很難看;)

+0

我一直聽說滾動條需要20px - 但不知道它有多少有效是根據醜陋的滾動條,根據醜陋的滾動條,當然有jquery插件,可以讓你定製它們與圖像(他們創建一套div而不是一個普通的滾動條) – mkk

+0

假設滾動條在所有可能的大小相同瀏覽器是。 – ppp

+0

是的,我可能只是去jQuery的路線,併爲每個人模擬OSX獅子滾動條,(我反正使用獅子)。 –