css - 添加了 Facebook 徽章，取消了页脚放置

Question

为网站添加了 facebook 徽章，现在它把我的页脚位置丢掉了。它在 Chrome 中工作正常，但 IE、FFox 和 Opera 都遇到了问题......

截图如下:

页脚(棕色条)应该在底部......

这是 CSS:

    /* footer */#footer{    background:url(../images/bg-footer.png) no-repeat;    height:26px;    overflow:hidden;    padding:35px 0 0 55px;    font-size:11px;}#footer p{    margin:0;    display:inline;    color:#766623;}#footer ul{    margin:0;    padding:0;    list-style:none;    display:inline;}#footer li{    display:inline;    background:url(../images/sep-f-nav.gif) no-repeat 100% 55%;    padding:0 6px 0 0;    position:relative;}* html #footer li{    padding:0 3px 0 3px;}*+html #footer li{    padding:0 3px 0 3px;}#footer a{    color:#30481f;    text-decoration:none;}#footer a:hover{    text-decoration:underline;

/*Facebook badge Holder*/.fb-area{    width:287px;    padding:0 0;    margin:0 0;    min-height:100%;}

Answer 1

这是一个盲目的尝试，因为我总是反复试验 CSS 设计。

在我看来，您的设计中某处有 float 。您是否尝试过在页脚的 CSS 上执行 clear: both; ？我在您提供的 CSS 中没有看到任何 float ，但 Facebook 徽章很可能会在幕后添加一个，并且症状看起来是正确的。