为什么我这样写它的第一个高度和后面的不一样啊 兄弟姐妹们帮我看看<style> * { margin: 0; padding: 0; } body { background-color: whitesmoke; } .box { margin: 5px; width: 248px; height: 163px; border: 1px solid black; background-color: white; }.box h4 { border-bottom: 1px dotted black; font-weight: 400; height: 32px; font-size: 14px; line-height: 32px; padding-left: 15px; } .box a:hover { text-decoration: underline; } .box a { height: 24px; font-size: 12px; line-height: 24px; padding-left: 20px; display: inline-block; color: black; text-decoration: none; margin-top: 2px; } </style> </head> <body> <div class="box"> <h4>品优购快报</h4> <a href="#">【特惠】爆款耳机5折秒!</a> <a href="#">【特惠】母亲节,健康好礼低至五折!</a> <a href="#">【特惠】爆款耳机5折秒!</a> <a href="#">【特惠】9.9元洗100张照片!</a> <a href="#">【特惠】长虹智能空调立神1000!</a> </div> </body>