html css 設置高度為寬度的某百分比

<div style="width: 100%;padding-bottom: 50%;position: relative;">
 <img src="xxxxxxx" style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;" />
</div>