是滾動條總是在不同的瀏覽器相同的寬度？

我需要做一個CSS的調整，以補償滾動條。所以我想知道 - 在不同的瀏覽器和操作系統中滾動條總是相同的寬度？是滾動條總是在不同的瀏覽器相同的寬度？

我有兩個表，一個在另一個上方，與匹配的列的寬度（設置爲百分比）。一個表需要一個滾動條，所以我想在它上面的表中添加另一列，以彌補它，所以列排隊。

2011-04-26 Dave

SWEET！這裏的人解決誰擁有這個同樣的問題。這應該是跨瀏覽器兼容的。

只需在頂部表格中添加一個滾動條，並使用一些額外的CSS來隱藏它們。

#topTable{ 
    overflow: scroll; 
    padding-right: 16px; 
    padding-bottom: 16px; 
    margin-right: -16px; 
    margin-bottom: -16px; 
}

從理論上講，所有你需要做的就是使「16像素的」比賽，這樣你就可以做到這一點具有相同的效果：

#topTable{ 
    overflow: scroll; 
    padding-right: 100px; 
    padding-bottom: 100px; 
    margin-right: -100px; 
    margin-bottom: -100px; 
}

2011-04-26 17:23:20 Dave

那並不是」看起來這是跨瀏覽器，尤其是當滾動條位於對象框之外時。 – Blindy 2011-04-26 17:28:33

滾動條甚至不計在不同瀏覽器是相同的，它們中的一些將它們在框架內，而其他的把它們的外（因此使得對準的真實疼痛）。

儘量想呈現，它不會考慮數據的方式。

2011-04-26 16:39:31 Blindy

..Fiora * - *笑 – gab06 2014-11-13 03:12:01

我需要做一個CSS的調整，以補償滾動條。所以我想知道 - 在不同的瀏覽器和操作系統中滾動條總是相同的寬度？

否，在某些系統上它們的寬度是用戶可配置的。

2011-04-26 16:41:56 Quentin

回答