來源于:
https://blog.csdn.net/pcplayer/article/details/70761548
現(xiàn)在做網(wǎng)頁,通常用 div 當(dāng)作容器。這里可以把一個 div 理解為一個 delphi 的 TPanel。
在 Delphi 里面,可以用 Panel 套 Panel 的方式來布局,然后設(shè)置各個 Panel 的 Align 屬性。
現(xiàn)在 html5 的網(wǎng)頁開發(fā),是拿 div 套 div 來布局。然后用 css 來定義 div 該怎么擺。因此,這里就是多層 div 嵌套。假設(shè)要對某一層 div 做一個鏈接,點擊后會導(dǎo)航到另外一個鏈接地址。這時候,不能給 div 外面寫 <a href="xxxxx"> 這種代碼。如果這樣寫,會破壞 div 的嵌套框架,搞亂頁面布局。
上網(wǎng)搜資料,發(fā)現(xiàn):這里有個人問到這個問題
有人回答了這個問題,其基本原理是:
<div style="cursor: pointer;" onclick="window.location='http://google.com';">
Hello world
</div>
在本人正在做的這個 CMS 系統(tǒng)里面,上述方法測試通過。
-------------------------------
又及:
但如果這里是用了 BootStrap 的 <div class="col-md-3"> 則可以給它外面加上 <a> 而不會破壞 div 框架。
---------------------
作者:pcplayer
來源:CSDN
原文:https://blog.csdn.net/pcplayer/article/details/70761548
版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請附上博文鏈接!