整个部分最终可点击

Question

我遇到了一个奇怪的问题，但看不出原因。我在网站的一个部分有一个横幅，但事实证明整个div已经变得可点击了！你能发现原因吗？

<div id="slider" style="height:20%;">
    <h2 style="background:#66c17d">
        <span class="color1">sample text</span>
    </h2>
    <a href="http://www.domain.com/store"> 
        <img class="sample" src="images/slide_sample2.png"/>
    </a>
</div>

和CSS

#slider {
    height:40px;
    background-image:url('images/bg.jpg');
    text-align:center;
}

请纠正我！

Answer 1

代码中的其他地方，您可能有：

a {
    display: block;
}

添加：

#slider a {display:inline-block}