如果我在容器上没有明确的高度,如何使孩子的身高达到90%?

时间:2015-07-28 19:20:30

标签: html css image modal-dialog lightbox

我看了看,我找不到这个问题的简单解决方案,所以也许你们可以帮助我。我有一件我正在建造的模仿灯箱功能的作品。我将有一些图像,如果用户点击其中一个图像,它会在大型模型窗口中打开图像。图像尺寸不均匀。我会有一些高大的短片。我需要容器的最大高度为窗口的90%,但它可能会更小,具体取决于图像的高度,因此我不能只将max-height更改为高度。图像高度始终需要占据容器的90%,但除非为容器明确定义高度,否则它不能这样做。这是一个证明我的问题的小提琴

http://jsfiddle.net/5pk52hh0/3/

max-height: 80%;

这是一个jsfiddle,说明为什么我不能在容器上有明确的高度

http://jsfiddle.net/5pk52hh0/4/

height: 80%;

在较小的图像上,您可以看到底部的所有额外空间,这是我不想要的。

感谢您提前的时间

0 个答案:

没有答案