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: 19930710;width: 100%;height: 100%;}
.mui-col-xs-10{position:relative}