Twitter bootstrap <；a>；标签使整个div可点击

我在Bootstrap中创建了一个col-md-3 div，并在其中放置了一个

标记，以使一些

可以单击。现在的问题是整个div都可以点击，而不仅仅是img

代码：

---

请提供帮助。

确保没有外部填充。。。你的大多数风格都会出现在

a{display:block；}

将使该容器拉伸到容器div的大小（

col-md-3

），只要该容器上没有填充物或使其大小变大的任何东西。基本上，你要做的就是让容器只和

一样有bg，你的代码和css在哪里？可能您的div是浮动的（因为所有

col-*

都是浮动的），并且它占用了内部元素的全宽/全高？您的CSS不正确。没有选择器。选择器现在已添加。在中，我只能单击图像。所以我认为你有一些其他的css，适用于这个link/div/image

<div class="col-md-3">
  <a href="<?php echo site_url(); ?>"> 
    <img id="logo" class="img-responsive" src="http://themes.tielabs.com/jarida/wp-content/themes/jarida/images/logo.png" alt="" />
  </a> 
</div>

.col-md-3{
    width: 25%;
    float: right;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}