inline元素的padding百分比值的宽高不等？
设置了font-size为0后，也没有变为正方形啊？而且为什么是宽大于高？好郁闷。。。
星空下的小孩浏览 1358回答 1
1回答
-
悟二空
其实是正方形的。微笑你将他们放到浏览器中间来，你就可以看到是正方形了。怎么放？用相对定位就可以。<!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>
随时随地看视频慕课网APP
Html/CSS