css - 太多的 div 相互重叠，没有链接工作。css/html

Question

我实际上在这里写了一整页的文字，但是无法理解并且放置一个jsfiddle对你们来说更容易。这里是：http: //jsfiddle.net/pMdZK/

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

    position:absolute

似乎也没有多大作用。

score 0 · Accepted Answer

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

你有过：

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

你需要：

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

为每个项目更改此项。

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

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

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

为了进一步解释差异，我做了一个快速的 jsfiddle。 http://jsfiddle.net/GRLkt/

填充框扩展了整个 div。（正如您从背景图像中看到的那样）。

边距框将其他内容推开。

1 回答 1