css设置宽度与高度比例，实现高度为宽度的百分之多少

自适应网站，因文章内容上传图片宽高比例不统一，列表页调用图片展示不整齐。
css设置宽度与高度比例举例：
html

<div class="banner">

<div>

</div>

---

css

.banner{

width:100%;

padding-bottom:100%;

position:relative;

}

.banner div{

width:100%;

height:100%;

position:absolute;

left:0;

top:0;

}

上面代码巧妙的实现了高度百分之百。更改padding-bottom的值即可实现高度为宽度的百分之多少。
我还没验证，有时间验证后再补充。