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

Question

我其实在这里写了一整页的文字，但它不可能理解，并且把jsfiddle放在一起对你们来说更容易。 它是：http://jsfiddle.net/pMdZK/

问题是链接不工作，如果他们做徘徊不工作，我已经尝试像clearfix解决方案。 “容器”和“默认”divs对我来说都是必不可少的，它们实际上是两张意味着彼此重叠的图像（一种是半透明的，缺少一些部分的gif图像，也就是稍后为其他东西改变图像，而用户在页。） 也改变

position:absolute 

似乎没有多少或者根本。

Answer 1

更改所有项目的填充顶到保证金解决您的问题。原因是填充扩展了整个实体，而边距则推开了其他实体。

http://jsfiddle.net/pMdZK/1/

您有：

#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。

The difference between margin and padding:

边距和填充可以迷惑新手网页设计师。毕竟，在某些方面，它们看起来像是一样的东西：图像或对象周围的空白区域。

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

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

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

的填充框扩展整个股利。 （正如你可以通过背景图看到的那样）。

保证金盒推动其他内容了。