Html-a标签如何包裹Div
a标签如何包裹Div？
其实应该将思路转变为将a标签作为⼀个遮罩来覆盖div。
做法是将a标签放置在该div下，通过将div进⾏相对定位【position:relative】
position标签属性
将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}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。