纯CSS实现Div高度根据自适应宽度(百分百调整)
2024-10-13 07:33:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>纯CSS实现Div高度根据自适应宽度(百分百调整)</title> </head>
<style>
.father {
width: 100px;
height: 100px;
background: #222
} .element {
width: 50%;
height: 0;
padding-bottom: 50%;
background: #eee;
}
</style> <body>
<div class="father">
<div class="element">
123
</div>
</div>
</body> </html>
最新文章
- dubbox rest服务
- maven project中,在main方法上右键Run as Java Application时,提示错误:找不到或无法加载主类XXX.XXXX.XXX
- 用纯CSS创建一个三角形
- 攻城狮在路上(伍)How tomcat works(四)Tomcat的默认连接器
- 【搬运工】NOIP吧置顶贴
- c语言.大数的输出
- BZOJ-2756 奇怪的游戏 黑白染色+最大流+当前弧优化+二分判断+分类讨论
- centos命令
- (转载)直接用SQL语句把DBF导入SQLServer
- Android-RecyclerView-Item点击事件设置
- HTTP学习笔记7-消息报头
- Mocha 从0开始
- Python 模块(五)
- python supervisor demo deployment
- C++学习-9
- Linux上安装Zookeeper以及一些注意事项
- nginx系列4:日志管理
- spring AOP知识点总结以及日志的输出
- Docker: docker 启动一个Nginx容器
- 自学python 5.