【问题标题】:Element requires percentage height but actual number doesn't matter元素需要百分比高度,但实际数字无关紧要
【发布时间】:2013-07-19 05:33:22
【问题描述】:

请参阅此代码笔:http://codepen.io/aaron/pen/Anqri

如果.item-container 的高度更改为任何其他正百分比,则不会发生任何事情。但是,将高度更改为负百分比、像素值或删除它会导致图像增长,不再是 25%。

我不明白为什么百分比高度是必要的,但数字并不重要。

【问题讨论】:

  • 它可能是您的内联块,将其更改为块。然后浮动你的 .item-containers。
  • @ParkerHutchinson 我试过你的建议,但没有效果。

标签: css


【解决方案1】:

这是因为.item-container 的父级没有明确的高度。 CSS 中的百分比值取决于在父项上设置的显式值。

【讨论】:

  • 我把height: 100%;height: 10%;都放在.collection-container上,没有区别。
  • 同样的原因,您要么必须在所有父元素上使用百分比值一直返回到 body 和 html,要么在其中一个元素中设置一个以像素或其他单位为单位的显式值,然后使用百分比.查看this answer
猜你喜欢
  • 2012-05-23
  • 2011-03-20
  • 1970-01-01
  • 2011-08-11
  • 2013-11-19
  • 2011-12-11
  • 2012-05-09
  • 2014-06-24
  • 1970-01-01
相关资源
最近更新 更多