图像更拉长，无法看到封面属性正在工作

问题描述

Css Background-size property,cover not working我使用 #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;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）