現在做網頁，通常用 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 框架。