5

我对这个发现有点迷茫,无法向自己解释这背后的原因。

附加的小提琴显示了两个 DIV,一个嵌套在另一个中。外部 DIV 具有设置的高度和宽度以及相对位置。内部 DIV 也有设置的高度和宽度。除此之外,它的顶部、右侧和底部填充设置为 100%。\

据我了解,填充将基于父级的高度和宽度得出。但是,结果显示所有填充(顶部、右侧和底部)仅参考父级的宽度。似乎所有浏览器都呈现相同的结果。因此,它必须是某些标准的一部分。

我的问题是为什么以这种方式实现这一点,以及是否有办法让我参考父级的高度而不是父级的宽度来进行顶部和底部填充。

4

1 回答 1

7

是的,关于宽度的填充百分比是正确的。它是 W3 CSS Box 模型规范的一部分:

http://www.w3.org/TR/CSS2/box.html#padding-properties

您将无法使用填充百分比来参考高度。它总是指宽度。对不起 =(

于 2012-07-21T23:35:11.710 回答