纯css实现宽度自适应，高度与宽度成比例

时间：2017-05-26 20:25:40 收藏：0 阅读：306

html：

 <div></div>

css

div{
    width: 33.33%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
div::before{
    content: "";
    padding-top: 100%;  /*关键代码*/
    display: block;
}

原文：http://www.cnblogs.com/longsiyuan/p/6910296.html