CSS教程:導致一些問題的overflow

2024-07-11 08:21:04

字體：大中小

來源：轉載

供稿：網友

overflow有問題嗎？沒問題。那為什么說要慎用呢？因為有時會導致一些問題。。。

關于overflow:auto的，很多人貪他書寫方便，直接用來清除浮動。但是firefox使用overflow:auto會產生focus，引用網友fireyy的評論

我想這是ff瀏覽器的一個“可用性和親和力”（usability/accessibility）的設定，當設定了overflow:auto或者 overflow:scroll的元素不能完全顯示內容的時候（出現滾動條），針對于鍵盤使用者，就可以focus到那個元素，使用鍵盤的方向鍵去控制局部的滾動。

那用關于overflow:auto清除浮動有什么問題呢？當你鼠標壞掉時，用鍵盤按tab鍵去網上看新鼠標時就會發現，按了n+n下tab鍵都到不了想要到的鏈接，因為overflow:auto太多了。xd 想想老外為什么要寫那樣復雜的clearfix吧，難道他們的研究會比我們少嗎？

那關于overflow:hidden呢？本來它是沒問題滴，可是我們偉大的m$不喜歡它，早在04年popo發現overflow:hidden會導致中鍵失效。

如果定義了嵌套區塊元素(比如<div> )的overflow溢出樣式，在這個區塊上方，鼠標中鍵將失效，這主要是存在于ie中， mozilla/firefox/opera普遍使用自定義的mouse guesture，所以不存在這個問題或者根本就談不上這個問題。比如用ie瀏覽plod的時候，在中間內容部分按鼠標中鍵(假設你的鼠標有中鍵)，那個上下滾屏箭頭沒有出現吧……

中鍵的功能估計用得比較少，一般出現n+n屏的頁面，才會用中鍵來快速拉動，例如用ie6打開163（不知道改掉了沒^^）試一下，雖然ie6里那個不可愛的四角樣子比較難看，但是也不能因為它樣子有問題就把它去掉，哪怕你是不小心的。因為真的有人會用到，上次跟一個做論壇的朋友有討論到這個問題，是普通網友提到的。要是導致別人以為中鍵壞了可就不好^^。順便說下，你們大膽用，因為我裝了羅技的鼠標驅動，中鍵功能已經更新，就算ie也米問題。再再順便說下，firefox的中鍵那個圖可以定制。xd

這些細小的問題可能你認為影響并不大，的確，它的影響并不大，可是web標準本身的意義是什么呢？

上一篇：CSS:相同元素不同結構重復定義的問題

下一篇：關于CSS控制DIV水平居中問題