0

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

布局 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;
    }

横幅是指黑色的第一个div..

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

和...

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

4

2 回答 2

0

first of all question is not clear here,

to avoid overlapping with left and right container.(i guess green boxes refer these)

if u want to make the footer rectangle appear like header(i guess black box).u may need to use overflow:hidden; in both green rectangle or clear:both; on the footer div

to avoid it's appearing just below banner div(i guess banner means the black box)

use margin-top:50px;(for example) in footer to make distance from header

于 2013-07-07T17:46:19.643 回答
0

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

于 2013-07-07T17:34:07.633 回答