【问题标题】:CSS padding-top: 100% uses width of parent?CSS padding-top:100%使用父级的宽度?
【发布时间】:2012-07-22 07:35:11
【问题描述】:

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

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

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

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

【问题讨论】:

  • 你希望它是什么样子的?
  • related thread 有一个可能对您有所帮助的解决方案。

标签: html css padding styling


【解决方案1】:

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

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

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

【讨论】:

  • 我认为在 css 中应该可以选择在使用百分比内部内容、父级或其他元素时要引用的内容。为什么 css 如此有限。
猜你喜欢
  • 2019-12-03
  • 2011-11-02
  • 1970-01-01
  • 1970-01-01
  • 2017-11-08
  • 2013-05-30
  • 2011-12-01
  • 1970-01-01
  • 2013-07-11
相关资源
最近更新 更多