CSS填充頂部：100％使用父寬度？

我有點絆倒了這個發現，無法向我自己解釋這背後的原因。CSS填充頂部：100％使用父寬度？

附件fiddle顯示了兩個DIV，一個嵌套在另一箇中。外部DIV具有設定的高度和寬度以及相對位置。內部DIV也有一個設定的高度和寬度。除此之外，它的頂部，右側和底部填充設置爲100％。 \

從我理解的填充將根據父母的高度和寬度派生。但是，結果顯示所有填充（頂部，右側和底部）僅引用父級的寬度。似乎所有瀏覽器都呈現相同的結果。因此，它必須是某個標準的一部分。

我的問題是爲什麼這樣實現了這種方式，以及是否有一種方法可以引用父級的高度，而不是頂級和底級填充的父級寬度。

2012-07-21 Vadym

你想讓它看起來像什麼？ – ThinkingStiff 2012-07-21 22:55:17

是的，關於寬度的填充百分比，你是正確的。這是W3 CSS盒模型規範的一部分：

您將無法參考高度與填充百分比。它將始終指寬度。對不起=（

2012-07-21 23:35:11

我認爲在css中應該有選項可以選擇你想在使用百分比內部內容，父級或其他元素時參考的內容爲什麼css如此受限。 – 2014-05-22 04:50:16

回答