欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

让盒子的高跟随设备的宽而定

程序员文章站 2023-10-15 16:58:59
css样式布局时, 背景图,外盒子,内图片, 盒子的宽100%; 不能将高度写死, 希望高度跟随设备的宽而定: 外层相对定位,高度为零,padding-top:100%; 内层绝对定位,宽高100%,将外层撑开。 ......

css样式布局时,

背景图,外盒子,内图片,

盒子的宽100%; 不能将高度写死, 

希望高度跟随设备的宽而定:

让盒子的高跟随设备的宽而定

外层相对定位,高度为零,padding-top:100%;

内层绝对定位,宽高100%,将外层撑开。