相互重叠的div太多，链接无效。css/html

实际上，我在这里写了一整页的文字，但这是不可能理解的，放一个JSFIDLE对你们来说更容易。 这是：

问题是链接不起作用，如果它们起作用，悬停就不起作用，我也尝试过像clearfix这样的解决方案。 “container”和“default”div对我来说都是必不可少的，它们实际上是两个相互重叠的图像（一个是半透明的gif图像，缺少一些部分。也就是说，当用户在页面中时，稍后将该图像更改为其他内容。） 也在变化

    position:absolute

---

似乎也没什么作用。

将所有项目的顶部填充改为边距可以解决您的问题。原因是填充扩展了整个实体，而边距将另一个实体的边距推开

你有：

#containerx #pl6
    {
        padding: 521px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }

你需要：

#containerx #pl6
    {
        margin: 521px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }

为每个ofc项目更改此选项

边距和填充可能会让新手网页设计师感到困惑。毕竟，在某些方面，它们看起来是一样的：图像或对象周围的空白

填充是边框与实际图像或单元格内容之间的边框内的空间。在图像中，填充是内容周围的黄色区域。请注意，填充完全围绕内容：顶部、底部、右侧和左侧都有填充

边距是边界外、边界与此对象旁边的其他元素之间的空间。在图像中，边距是整个对象外部的红色区域。请注意，与填充一样，边距完全围绕内容：顶部、底部、右侧和左侧都有边距

为了进一步解释这种差异，我做了一个简短的解释。

填充框扩展整个div（如背景图像所示）

---

边距框将其他内容推开。

它们是什么？链接现在可以点击了。这就是我所理解的错误。哦，是的，我现在明白了，对不起，我是个傻瓜。我会尽快接受答案（stackoverflow限制15分钟）。你能解释一下为什么会这样吗？我的意思是填充是为了一个盒子，不是吗？填充物在这里不应该是正确的吗？