我对这个发现有点磕磕绊绊,无法向我自己解释这背后的原因。
附加的fiddle显示两个DIV,一个嵌套在另一个中。外部DIV具有设定的高度和宽度以及相对位置。内部DIV还具有设定的高度和宽度。除此之外,它的顶部,右侧和底部填充设置为100%。 \
根据我的理解,填充将根据父级的高度和宽度得出。但是,结果显示所有填充(顶部,右侧和底部)仅引用父级的宽度。似乎所有浏览器都呈现相同的结果。因此,它必须是某种标准的一部分。
我的问题是为什么以这种方式实现这一点以及是否有一种方法可以引用父级的高度而不是父级的顶部和底部填充的宽度。
答案 0 :(得分:6)
是的,你对填充宽度的填充百分比是正确的。它是W3 CSS Box模型规范的一部分:
http://www.w3.org/TR/CSS2/box.html#padding-properties
您将无法使用填充百分比来引用高度。它总是指宽度。对不起=(