制作img尊重弹性容器的高度

时间:2016-04-14 23:34:54

标签: javascript html css css3 flexbox

我有一个包装div,例如100px高度(高度可以是任何值)。 在div内,我还有2个div s。第一个占据内部内容所需的高度,而第二个占用剩余高度。

第二个div包含一个图像(随机宽度/高度,可能大于可用的高度/宽度)。有没有办法让图像强制它在容器div上的高度/宽度? (并保留图像的比例)

演示:http://codepen.io/alexandernst/pen/JXLxwL红色镶边框不应该溢出黑色边框。

请注意您的答案是否包含硬编码值或javascript。

真的,如果您的答案包含硬编码值或javascript,请不要

0 个答案:

没有答案