css - 无法正确放置

Question

我正在尝试创建这样的部门:

Layout http://img593.imageshack.us/img593/5742/nf5l.png

前三个效果很好，只是页脚一个造成了问题。

#banner
    {
    background: url(image.gif) repeat-x;
    display:block;
    width:100%;
    height:340px;
    }
.container
    {
    width:960px;
    margin: 0 auto;
    height:960px;
    clear:both;
    background-color:#000;
    }

.left-container 
    {
    width:55.72916%;
    float:left;
    }
.right-container    
    {
    text-align:center;
    width:44%;
    float:right;
    padding-top:25px;
    }

banner指的是黑色的第一个div..

现在我应该如何设置页脚 div 的样式，因为当我放置一些信息时，它出现在横幅 div 的正下方并与左右容器重叠。

还有……

每当我使用 <p>标记并指定一些字体大小，为什么它会自动使顶部和底部边距等于字体大小。这是它的属性吗？

Answer 1

您的问题不完整，但看起来您需要在页脚元素上使用 clear:both。