Question

我试图将页脚放在网站上，但出于某种原因，我使用它的方式通常无效。谁能告诉我为什么？

它使用两个类设置，一个在另一个

中

第一个名为mainFoot：

.mainFoot {
background-color: #184879;
width: 100%;
height: 60px; /*had to include this because it would not appear otherwise. browser read it as a 0 height container*/
display: block;
clear: both;
}

其次是页脚：

#page-footer {
width: 990px;
display: block;
clear: both;
margin:0 auto;}

我在底部窗口小部件正上方使用相同的结构，它按原样工作，但出于某种原因，当我设置这个时，我必须设置外部div的高度属性，因为它不会读取内部div的高度并进行调整。

作为参考，我提到类似的设置我提到DOES工作正好在mainFoot类之上，并且由类b4Foot和half-widgets控制：

.b4Foot {
background-color: #277bc1;
width: 100%;
display: block;
clear: both;
}

.half-widgets {
width: 990px;
min-height: 200px;
margin: 0 auto;
color: #fff;
}

Answer 1

要使块的内容居中，您需要设置样式“text-align：center”。但是，请注意，您不能将块类型元素置于另一个块类型元素中。内部元素需要具有内联或内联块的显示样式。

要解决您的问题，您需要：a）删除固定宽度，b）更改页脚 - 显示：inline-block。目前它是display：table，因为类clearfix - 你需要从div中删除该类。

Answer 2

您需要更改此行，请参阅下面的内容并加入CSS并查看结果

.mainFoot
{
    background-color:#184879 !important;
    height:60px;
    width:auto;
}
footer.span12 { color:#DEDEDE; width:100%;}
#page-footer { display:block; margin:0 auto; width:990px;}

仅更改.mainFoot，footer.span12和＃page-footer

谢谢，

难以集中div类

2 个答案: