图像与父母的身高和宽度不匹配

时间:2015-03-22 22:17:31

标签: html css

我有一个定义高度和宽度的容器div。我在容器下面有一堆表。我希望这些表继承容器div的高度和宽度。其中一个表可能有一个图像,我希望图像能够适应并弹性扩展表格。

以下是我在JsFiddle http://jsfiddle.net/nileshdk/kLLLoxrn/

中尝试过的内容

我认为标记图像包含div的高度和宽度100%;它将从父div继承这些属性。但是,似乎表根据图像宽度进行拉伸,反之亦然。有人可以解释一下我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

您为图片父元素设置width: 100%。您需要在图像元素本身上设置它。

#screenshot > img {
    height: 100%;
    width: 100%;
}

http://jsfiddle.net/kLLLoxrn/1/