如何/爲什麼display：table影響div寬度？

Question

我注意到display:table在一個div會導致其寬度計算有四捨五入的問題，這很奇怪，因爲我的大小爲100％。

http://jsbin.com/obidun/2/edit

注意，所述上部分具有的55％的寬度一個div，具有嵌套顯示：的寬度100％表格。嵌套div不會擴展到其父項的邊緣（請注意父div的白色滲透）。

下面的部分是完全一樣的，除了嵌套div沒有設置爲display:table，並且沒有出血。

爲什麼display:table影響寬度計算，特別是在100％？有沒有辦法讓我解決這個問題？我目前的想法是將寬度設置爲101％並將溢出設置爲隱藏...

注意：我正在使用Chrome。 IE似乎沒問題，至少在給定的大小。

Answer 1

Percentage units被轉換爲像素internally並且每個瀏覽器都以不同的方式進行操作。如果解決方案今天有效，請使用它，但請注意它可能不適用於tomorrow。