怎样保持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
posted @   上官靖宇  阅读(242)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
历史上的今天：
2016-08-03 单选，复选操作div,显示隐藏
2016-08-03 单选和输入框，点击单选按钮高亮文本框
点击右上角即可分享
微信分享提示