网页里面，给一个 div 增加点击链接

现在做网页，通常用 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 框架。