Question

我在Bootstrap中创建了一个col-md-3 div，并在其中放置了<a>标记，以便点击<img>个<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>。现在的问题是整个div是可点击的，而不仅仅是img。

代码：

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

CSS：

{{1}}

请提供帮助。

Answer 1

确保没有外部填充......大部分样式都在<a>上...... a {display:block;}会使容器拉伸到容器div的大小（{{1只要没有填充或其中的任何东西使得大小更大。基本上，做你必须做的只是将容器作为col-md-3

的bg

<a> tag making whole div clickable</a>

1 个答案: