怎样保持div中的子元素的长宽比例展示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>菜鸟教程(runoob.com)</title> <style> .container { height: 0; padding: 20%; position: relative; } .container div{ border: 2px solid #dddddd; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } </style> </head> <body> <div class="container"> <div class=""> aaaa </div> </div> </body> </html>
菜鸟教程(runoob.com)
aaaa
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步