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