Html - a标签如何包裹Div

a标签如何包裹Div？

其实应该将思路转变为将a标签作为一个遮罩来覆盖div。

做法是将a标签放置在该div下，通过将div进行相对定位【position:relative】

将a标签进行绝对定位【position:absolute】 + 层级提升【z-index:199930710】 + 高度宽度和div同步【height:100%;width:100%】

示例代码：

HTML：

<div class="mui-col-xs-10" id="go_set">

    <a href="#set" class="go_ahref">

        <div class="media">

            <div class="media-left">

                <a href="#"><img src="../Images/tab1-1.png" width="60px" alt="" /></a>

            </div>

            <div class="media-body text-left">

                    <h4 class="media-heading">商户收包裹</h4>

                    <p class="media-middle">商户收包裹商户收包裹商户收包裹商户收包裹</p>

            </div>

        </div>

    </a>

</div>    

CSS：

.go_ahref{position: absolute;z-index:;width: 100%;height: 100%;}

.mui-col-xs-10{position:relative}