设置了font-size为0后，也没有变为正方形啊？而且为什么是宽大于高？好郁闷。。。
1 回答
已采纳
悟二空
TA贡献10条经验 获得超29个赞
其实是正方形的。微笑
你将他们放到浏览器中间来，你就可以看到是正方形了。怎么放？用相对定位就可以。
<!DOCTYPE html>
<html>
<head>
<style>
* {
/* debug */
margin: 0;
padding: 0;
}
.box {
width: 300px;
border: 1px solid black;
/* debug */
margin: 0px 10px;
}
.w50 {
padding: 50%;
background: red;
font-size: 0;
/* debug */
position: relative;
top: 155px;
}
</style>
</head>
<body>
<div class="box">
<span class="w50">li</span>
</div>
</body>
</html>
- 1 回答
- 0 关注
- 1451 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消