码迷,mamicode.com
首页 > Web开发 > 详细

css实现高度自适应正方形

时间:2018-10-11 23:42:06      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:margin   class   lock   dde   head   100%   pre   htm   适应   

<!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> .div{ background: red; width: 20%; overflow: hidden; } .div:after{ content: ‘‘; display: block; margin-top: 100%; } </style> <body> <div class="div"></div> </body> </html>

css实现高度自适应正方形

标签:margin   class   lock   dde   head   100%   pre   htm   适应   

原文地址:http://blog.51cto.com/12173069/2299007

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!