达州做网站
大橙子网站建设，新征程启航
为企业提供网站建设、域名注册、服务器等服务
css如何保持div等高宽比
那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。
创新互联公司专注于文峰企业网站建设,成都响应式网站建设,商城网站开发。文峰网站建设公司,为文峰等地区提供建站服务。全流程定制开发，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务
下面以高宽 2:1 为例，通过2种方式来实现这种效果。
方式一：利用定位实现
.wrapper{
position : relative;
background: #ccc;
width: 10%;
padding-bottom : 20%;
}
.inner{
position : absolute;
top : 0; left : 0; right : 0; bottom : 0;
}
这是内容