css - 使内联对齐 div 成为链接(显示 : block does not work)

Question

我使用以下解决方案创建了 3 个彼此相邻的 div: Fluid width with equally spaced DIVs

但是，当我将每个盒子包裹在 <a> 中时用 display:block 标记整个布局变得时髦。

有解决办法吗？流动性(这甚至是一个词吗？)并不是真正必要的，但更可取。我使用此解决方案的原因是，即使在 IE6/7 中，它也能使框彼此整齐地相邻，也是为了简单起见。

提前致谢!

Answer 1

你不能用 a 包装一个 div - 如果我理解正确的话，这就是你的问题开始的地方。

如果你想让你的整个 div 都可以点击，在你的 div 中围绕一些文本/标题/任何东西放置一个链接，如果你单击 div

内的任意位置

$(".divClass").click(function () {
    window.location = $(this).find("a").attr("href");
});