css - 如何解决Chrome和Firefox中的主要利润问题编程？

在几乎无处不在搜索并验证了我的代码几次（并修复了错误）之后，我对所要做的事情一无所知。我开始用firefox对此布局进行编程，一切看上去都很完美，然后去检查Chrome，并确保它正常且低矮，然后看，Chrome将其拧紧了。

该站点在此处：http://semperfiwebdesign.com/slipstick/问题在于footer和footer_top类的边距。

我写下了页脚页边距的代码差异，它们非常大。以下是原始的CSS：

.footer_top {
float: right;
margin-right: -26px;
margin-top: 69px;}

.footerlinks {
float: right;
margin-right: 120px; }

#text-14 {
float: right;
margin-right: -25px;
text-align: center;
margin-top: -69px;

}

它们按照与页脚一起显示的顺序运行。因此，footer_top是具有顶部和底部边框的框，footer链接是无效链接的段落，最后＃text-14是链接下方的“ ad”图像。我为怪异的班级名称表示歉意，但wordpress给了我很多。

现在，在上面看到的是我在Chrome中使用Firebug找出的Chrome想要解决的问题：

#text-14 {
margin-top: -190px; }

.footerlinks {
margin-top: -279px; }

.footer_top {
 margin-top: -422px;}

显然，这有点荒谬，在不真正弄乱整个布局的情况下，我无法将这些数字放入真实样式表中。

我几乎到处都在搜索，而我机智。我不知道该去哪里。我会发布整个CSS，但是由于它是wordpress网站，所以它有点长。因此，如果您需要查看其他内容，请询问，我将其发布。

谢谢
梅根

最佳答案

设置#container-> position：relative;

#primary {
    background-color: #002E5B;
    color: white;
    /*float: left;*/
    height: 100%;
    left: 0;
    /*margin-left: -685px;
    margin-top: -30px;
    min-height: 2500px;*/
    position: absolute;
    top: 0px;
    width: 168px;
}

并删除3c-c-fixed.css中所有对#primary的引用

希望这可以帮助