大佬教程收集整理的这篇文章主要介绍了css – 在firefox中忽略的图像上的最大高度百分比，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div class="container">
<article class="article">
<img class="article-img" src="bordeaux.jpg" />
</article>
</div>
CSS：
.container{ width:500px; height:200px; } .article{ max-height:100%; } .article-img{ max-height:100%; }
在Firefox中看到它的jsfiddle
我需要将.article设置为高度：100％,以便在Firefox中缩小图像
谁能解释一下firefox如何理解百分比max-height及其容器？
提前致谢 ！
In this fiddle,你可以看到.article实际上将自己限制在.container的高度,但允许自身的内容(img)溢出到更大的高度. img不受其max-height约束,因为.article没有明确的高度设置,但实际上是从img获得高度(只有它不能超过其容器的高度).
以上是大佬教程为你收集整理的css – 在firefox中忽略的图像上的最大高度百分比全部内容，希望文章能够帮你解决css – 在firefox中忽略的图像上的最大高度百分比所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。