<div> 当模块加载到其中时，使整个链接

Question

我的问题涉及当模块加载到整个div时使其可链接(Joomla 2.5.latest(。

我有4个并排的盒子，所有这些都在我的自定义css中。

.box1 {
  width: 22%;
  height: 225px;
  border-radius: 5%;
 -moz-border-radius: 5%; 

等等。等等。

---

在我的HTML中，我有这样的：

<div class="box1">{module Colours module: Challenges}</div>

我使用Joomla 2.5。最近，我在一个模块中加载了一个模块，即colors模块挑战进入box1，box1位于Joomla模块(以及其他3个模块(中。

---

每个盒子(1、2、3、4(内都装有不同的模块。

---

我想要的是整个盒子1、2、3和4与上述计划相关联？？？我读到关于：

<a class="box1" href="http://www.abc.com">{loadmodule}</a>

但这根本不起作用，不知道为什么。如果我省略了{loadmodule}部分，那么它是有效的，但这对我没有帮助。我需要在里面加载模块。

我想用CSS/HTML本身来实现我的愿望(javascript目前还远远超出我的想象(。非常感谢您的帮助。谢谢，伙计们。

附言：我是一个完全的新手，但正在尝试快速学习CSS/HTML…：(

Answer 1

我不确定我是否理解正确，但我认为将display: block添加到.box1应该会使<a>解决方案发挥作用。。。(<a>是默认的内联类型(。

如果你的问题是Joomla，那么很抱歉，但我不知道Joomla