码迷,mamicode.com
首页 > Web开发 > 详细

css设置图片的高等于图片的高

时间:2018-05-21 14:28:45      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:class   src   idt   relative   col   absolute   color   等于   img   

 

<div class="box">                
    <img src="img/2222.jpg" />
</div>
.box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
        
.box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 

css设置图片的高等于图片的高

标签:class   src   idt   relative   col   absolute   color   等于   img   

原文地址:https://www.cnblogs.com/qqing/p/9066608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!