为什么我这样写它的第一个高度和后面的不一样啊 兄弟姐妹们帮我看看
<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>
