div块中高度总是宽度的一半

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <style type="text/css">
 5     body {
 6         margin: 0;
 7         padding: 0;
 8     }
 9     .inner {
10         color: aliceblue;
11         height: 0;
12         padding: 25% 0;
13         background-color: coral;
14         display: flex;
15         align-items: center;
16         justify-content: center;
17     }
18     </style>
19 </head>
20 <body>
21     <div class="inner"> A </div>
22 </body>
23 </html>

猜你喜欢

转载自www.cnblogs.com/gaoxuerong123/p/9499133.html
今日推荐