1. 首页
  2. 数据库
  3. 其它
  4. 用css实现正方形div 的两种方法

用css实现正方形div 的两种方法

上传者: 2021-01-16 23:44:25上传 PDF文件 33.02KB 热度 7次
目标:实现一个正方形,这个正方形边长等于 方法一:使用单位vw, (ps我觉得这个是最简单的方法) html结构也很简单,只有一个div即可 <html> <body> </body> </html> .square{ width: 50vw; height: 50vw; background: blue; } 方法二: 使用padding-bottom 要点: 1.height: 0, 内容会溢出到padding里,不用担心~~ 2.padding-bo
用户评论