2

我试图在我的论坛上展示三件事：左上角的一堆媒体链接，右上角的菜单栏和它们下方的徽标居中。

使用这种方法，它在我的 localhost 设置中完全符合我的要求。但是，当我将它们上传到我的实时网站时，它看起来会有所不同吗？不同之处在于徽标似乎将媒体框“视为”其左边距，而离线则忽略它并以页面为中心。同样的浏览器，一切都是一样的，这就是为什么它如此莫名其妙。

#logo{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }


#brdmenu {
    display: inline-block;
    float: right;
}

#media {
    display: inline-block;
    float: left;
    padding: 10px 10px 0px 10px;
}

我希望这不是垃圾邮件，但可以在这里看到完整的 CSS（以及它看起来如何实时）：www.strengthandfitness.co.uk

4

1 回答 1

1

问题可能是#logo 缺少宽度。更新的代码，在 Chrome/FF 中对我有用：

#logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 650px;
}
于 2012-12-18T01:32:54.523 回答