Html Firefox错误地呈现CSS(间距不同)

Html Firefox错误地呈现CSS(间距不同),html,css,concrete5,Html,Css,Concrete5,目前我正在使用Concrete5建立一个网站,位于: Firefox在某些页面(如Gallery)上向下推标题(导航和h1标记),我不知道为什么 Chrome和IE10都能正确显示 谢谢您的帮助。您在分区Asmilergalleryblock上有10像素的边距。。。将此设置为边距:0自动 由于浮动问题,元素未正确占用空间。 将此添加到css中: #content{float:left}我认为您的问题在于如何浮动元素 如果您在导航中检查nav selected nav path selected,

目前我正在使用Concrete5建立一个网站,位于:

Firefox在某些页面(如Gallery)上向下推标题(导航和h1标记),我不知道为什么

Chrome和IE10都能正确显示


谢谢您的帮助。

您在分区Asmilergalleryblock上有10像素的边距。。。将此设置为边距:0自动

由于浮动问题,元素未正确占用空间。 将此添加到css中:
#content{float:left}

我认为您的问题在于如何浮动元素

如果您在导航中检查
nav selected nav path selected
,您将看到它的计算高度是0px

这是由浮动元素不强制其父容器自动调整大小引起的一个非常常见的问题。浮动元素时,其父元素不再包含该元素,因为浮动已从流中移除。由于浏览器以不同的方式处理这个问题,一个常见的解决方案是使用“clearfix”

如果将以下内容添加到全局css中

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}



html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

并将clearfix添加到高度为0px的元素(例如,选择了nav),您将看到该元素继承了正确的高度。

处理此问题的最佳方法是在您的#content div中添加一行

#content {
    overflow: hidden;
    width: 800px;
}

隐藏的溢出将清除浮动,并停止向下推内容的不良效果。

您的css和html是什么?你试过了吗,top:0;填充,边距为0?也许把它放在一个JSFIDLE中,以显示您的问题您使用的是哪个版本的FF?在我的FF上看不到任何这样的内容。啊,是的,这是因为我试图通过手动根据它们所在的页面对齐它们来解决问题。后来我意识到这只是Firefox,所以我删除了所有这些黑客,不小心把那一个留在了。谢谢你的回复,因为我的电脑已经打包好了,现在还不能测试它,但我会在有机会的时候尝试上面提到的两种解决方案祝你好运!谢谢,我不是真的搬家,而是从大学回家过暑假。是的,这个解决方案解决了这个问题,非常感谢