2011-12-13 56 views
0
<div class="footernote"> 
    <p> 
     One statement .... 
    </p> 
</div> 
<footer> 
    <p>Current Visitors: 11</p> 
    <ul> 
     <li><a href="#">Link 1</a></li> 
     <li><a href="#">Link 2</a></li> 
    </ul> 
    <p class="copyright">copyright statement</a></p> 
</footer> 

CSS:保证金股利影响的另一非关联事业部

footer ul { 
    text-align: center; 
    margin-left: 90px; 
    margin-top: 18px; 
} 

footer ul li { 
    display: inline; 
    padding-right: 30px; 
} 

.copyright { 
    margin-left: 80px; 
    margin-top: 23px; 
    text-align: center; 
    font-size: small; 
} 

.footernote { 
    text-align: center; 
} 

问题:

  1. 如果我在.footernote把边距值,不管里面<footer>由于我放入.footernote的保证金底部价值而改变其头寸。 footernote不在<footer>中,所以它们都是不同的元素。 <footer>如何受到.footernote的影响?

  2. 同样的问题出现,当我改变页脚边缘ul!版权声明得到了实施,它根据我放入页脚ul中的保证金顶部拉起或拉下。 <p class="copyright">是一个单独的元素。任何想法为什么会发生这种间接影响?

+2

......最终效果应该是?它应该怎么看?你想达到什么目的?你的问题有点不清楚 – 2011-12-13 21:59:03

回答

1

我没有测试的情况下确定的,但是这是几乎可以肯定“崩溃的边缘”的工作:

某些相邻的利润结合起来,形成一个单一的余量。那些 页边距被认为是“崩溃”。如果没有非空内容,填充或边框区域或空格来分隔 它们,则页边距是相邻的。

该规范:

一些容易读: