高度为百分比的图像

Question

我遇到水平图片“gallery”的问题，我将高度设置为100％，不设置图片的宽度由于尺寸不同。

我的问题是父元素没有减少，他仍然是图像的原始宽度。尝试调整窗口高度以显示问题。红色是父母。

我需要这个：父图像的高度为70％，将垂直居中，图像将其高度设置为100％，并根据分辨率自动更改宽度。 / p>

外观 - ＆gt; http://prntscr.com/2qkoj8

必须在css中解决。

我的问题可以在http://helpimage.honzabittner.cz/

上看到

感谢您的帮助，对不起我的英语......：）

Answer 1

更新

你可以试试像

这样的东西

<div id="project-eagle" class="project">
    <img src="project/eagle/01.jpg" alt="">
    <div class="what">....</div>
</div>

将项目设置为显示内嵌

现在，这解决了容器未正确调整大小但不会垂直居中的问题。你将不得不做一些事情，但这是我能得到的没有js

Answer 2

是的，尝试删除保证金权利：14px;在课堂项目p-one