图像混淆高度为100％的div

Question

我的主要内容框的高度为100％。每次我尝试将图像放在div的底部时，它都不会像文本那样延伸。 （我用min-height：100％;）

但是一旦我放置了我的图像，它就像这样：

这是我正在使用的代码：

.MainContent {
    background-color: #fff;
    min-height: 100%;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    z-index: 99999;
    box-shadow: 0 0 10px #bdc3c7;
}

对于我的形象......

<img src="JBbio.jpg" style="width:363px;height:465px;transform:scale(0.7); float: left;">

Answer 1

尝试在overflow: hidden

上设置MainContent