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

回答