CSS中高度根据宽度自适应的方法

原理

由于margin, padding 的百分比数值是相对父元素的宽度计算的，只需将元素垂直方向的一个padding值设定为与width的一定比例就可以了。比如正方形：

<div id="tt" style="width: 200px;">
    <div style="width: 100%;background-color: #ff0000;padding-bottom: 100%;"></div>
</div>

未完待续