html - 整个部分最终可点击

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}