background - 图像被拉得更远，看不到封面属性工作

Question

Css Background-size 属性，封面不起作用我使用#home-info 容器来包装一个图像元素（.info-image）和一个内容元素（.info-content），基本上是两个 div，并且都给出了 50% 的宽度它是父容器，即#home-info 的高度为 450px；当我尝试为第一个元素（即 .info-image）提供背景图像时，它会拉伸图像。在使用 css 封面或包含属性时，它根本不显示背景图像。

 #home-info{
    height: 400px;
}

#home-info .info-img{
    float: left;
    width: 50%;
    background: url('../image/lc.jpg') no-repeat;
    min-height: 100%;
}

#home-info .info-content{
    float: right;
    width: 50%;
    height: 100%;
    text-align: center;
    padding: 50px 30px;
    overflow: hidden;
}

#home-info .info-content p {
    padding-bottom: 30px;
}