我的图片链接超出了图片范围......？

Question

＆＃34;时间选择＆＃34;这里的按钮有一个超出图像（http://www.ecoculturevillage.org/coolstuff/）

的链接

.image-1 {
    width: 255px;
    height: 75px;
    display: block;
    background-image: url();
}

.image-1:hover {
    background-image: url();
}

<a href="http://www.urchinsky.com" target="_blank">
    <div class="image-1" ></div>
</a>
<div class="clearfloat"></div>

Answer 1

由于您已在链接中包含块级元素，因此这是一个解决方案。将display: block替换为display: table-cell

.image-1 {
  display: table-cell;
}