我的问题很简单，但我还是找不到这个问题的答案......
假设我们有两个包含Image的容器。
<div id="containera">
<div id="containerb">
<img id="imagea" src="image.jpg"/>
</div></div>
我们有像
这样的东西#containera { width: 50%; height: 50%; background-color:blue;}
#containerb { width: 80%; height: 80%; background-color:red;}
#imagea { height:100%; width:auto;}
问题是：图像高度是全屏高度而不是100％容器b（50％屏幕高度的80％）。
我希望Image的容器高度为100％，而不是100％的屏幕高度。 奇怪：如果我使用“宽度”，宽度将根据容器b的宽度进行缩放。
我可以以某种方式限制容器的高度，以便它们不会将图像缩放到100％的屏幕高度吗？尝试了大量变化的最大高度，但它没有任何作用......
谢谢，如果你有任何想法我怎么能解决这个问题。