爲什麼getComputedStyle不考慮邊緣摺疊？

Question

關於瀏覽器的JavaScript，所述window.getComputedStyle()方法應該給施加到元件的CSS屬性的最終使用的值。根據MDN documentation，這意味着「所有計算已經完成」。

然而，似乎「所有的計算」不包括保證金崩潰。在Firefox和Chrome（至少）中，指令getComptedStyle().marginBottom在計算任何邊距摺疊之前返回計算值。

例如，請考慮以下因素：

<div style="margin: 10px 0 15px 0"></div> 

其頂部和底部空間將崩潰，因爲（大約）其內容高度爲零（參見the W3C CSS2 Recommendation）。該CSSOM方法將返回這些值：

getComputedStyle().marginTop → 10px 
getComputedStyle().marginBottom → 15px 
getBoundingClientRect().top → {top of margin box} + marginTop 
getBoundingClientRect().bottom → idem top 

但是，由於餘量摺疊，所述佈局顯示10px的的邊界矩形的客戶端之前的餘量，和5像素的後邊際，即max(0, marginBottom - marginTop)。

爲什麼不getComputedStyle().marginBottom回報直接爲5px，真正使用的值「所有的計算後，已執行」，而不是指定15px的？這是W3C推薦的行爲嗎？ （我還沒有看到有關此內容的w3.org文檔任何東西。）

這是一個錯誤或功能？

Answer 1

我沒有看到所有的代碼，但我認爲，函數名實際上是「的getComputedStyle，」一個「U」。

一個錯字？這會容易嗎？你不會是第一個 - 我自己包括在內。

希望這有助於。