主要介绍了CSS宽高等比布局的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

宽度是高度的两倍(等比缩放) 实现思路: 以父级元素为基准, 子级 width:100%; (也就是父级宽度的100%), padding-top:50% (也就是父级宽度的50%,根据css规范, padding用百分比表示的话, padding: 100%等于父元素的宽度); 为什么不直接`width: 50%; height: 50%;? 那样高度就成了父级高度的50% (不合题意,除非父级宽高相等); 原题目: 红色块级元素垂直居中于屏幕中央； 红色块级元素距离屏幕左右边