我有网站，通常看起来都很好但有时一个div在错误的地方......现在，我认为原因是AJAX（当document.ready加载欢迎文本时），但现在该脚本被禁用了问题依然存在。
现在，我注意到只有最新的Firefox。其他人有类似的问题吗？是免费托管的错误（也许有些数据包丢失了？？）（在http://60free.ovh.org和http://www.000webhost.com/上测试）
编辑： 我说的只是一个浏览器和两个不同的渲染结果。我知道这很奇怪......
EDIT2： 看看这个截图： 第一个不好：http://img682.imageshack.us/img682/866/badxz.png， 只有在刷新页面后，我才会使用（我不使用任何服务器端语言）http://img20.imageshack.us/img20/3992/goodtpxz.png
EDIT3：
在网络开发者插件中，我检查了disable cache
EDIT4： 这是页面http://www.XYZ.eu/
答案 0 :(得分：7)
不，这不是免费托管的问题。浏览器只是以不同的方式呈现内容，这就是它的工作方式。你必须学习不同浏览器的怪癖，并学会处理它们。
在了解如何深入了解HTML和CSS之前，您可能不应该接触AJAX甚至JS。
编辑：您的说明完全改变了这个问题的性质。在这种情况下，它听起来像一个缓存问题。我先尝试清除浏览器缓存。如果这不起作用，它可能是一些服务器端缓存？你在等待页面完全加载吗？当页面继续加载时，东西有时会被移动，如果它在完成之前挂起，可能会发生类似这样的事情。否则，我不太确定。
如果这些都不起作用，请更改设计：p看起来你依赖于像素完美的测量，并且当没有足够的空间时，正确的div会被推下来。如果您可以避免这样的情况，那么您的页面对于细微的更改会更加健壮。
第二个想法，可能是免费托管的副作用（但不是因为“丢失数据包”）。您的主机是否会在您的网页中插入任何广告或脚本？
答案 1 :(得分：3)
查看截图我认为最可能的原因是IE和FF中div的默认边距不同。
在处理firefox问题时，使用Firebug编辑实时CSS并在执行时查看更改。
尝试将div {margin:0;padding:0;}设置为一分钟，看看这是否会让事情变得更好。
答案 2 :(得分：1)
在FF和IE中，Div经常有所不同，我经常遇到这个问题，需要很多时间才能花在这上面。
认为可以帮到你：
IE和FF都有一个DEV-Toolbar，你可以看到很多关于DIV-Conatainers的信息
让我的div变坏的一件事是浮动，高度和宽度 - 当你在另一个div中忘记其中一个时，你的“问题” - 由于这个原因可能是错误的
将您的div和CSS提供给我们，我们可以找到更多
我在Opera中看到了一些非常有趣的事情：当页面加载时，左侧网站上的菜单是完全打开的一个时刻（全部~10个链接）。可能是，在FF中，这个链接的位置将被计算一次，这比允许的menu-div大，并导致“关于”-frame是愚蠢的？！ （只有一个想法） -
答案 3 :(得分：0)
问题是浏览器不遵循CSS标准。 Firefox，Chrome和Safari等某些浏览器非常接近标准兼容。其他如Internet Explorer完全不符合标准。
你唯一的选择是尝试不同的东西，直到它适用于每个浏览器。你能给我们一个HTML和CSS样本，以便我们为你提供帮助吗？
答案 4 :(得分：0)
Firefox在HTML和CSS 2.1渲染方面表现相当不错（参见Acid2测试）所以（这里没有冒犯）我宁愿将你的CSS归罪。
答案 5 :(得分：0)
大多数浏览器以不同方式呈现页面的原因归结为它们的渲染引擎。例如，我们在Safari中使用WebKit，在Mozilla中使用Gecko。这两个渲染引擎都根据它们的构建方式来预期和处理不同的东西。
但是在您的情况下，您的浏览器似乎与缓存和服务器端内容混淆。与其他人一样，尝试清除初学者的缓存，然后深入了解源代码，如果这没有帮助。
答案 6 :(得分：0)
检查每个Firefox副本中设置的字体大小。如果DIV的边距或宽度在ems中，则这些是相对于浏览器中设置的字体大小。尝试在DIV奇怪渲染时减小FF字体大小，它应该快速恢复原位，假设这是出错的。
答案 7 :(得分：0)
这听起来像是一个缓存问题。也许您试图最大化与浮动元素一起使用的宽度。
有时当您更改css文件并且您的浏览器不想重新下载它时会发生这种情况，因为文件名没有更改且文件大小没有改变到足以让您的浏览器重新下载它
有关如何清除缓存的更多信息，请访问http://kb.iu.edu/data/ahic.html
答案 8 :(得分：0)
Firefox有所谓的Slashdot CSS错误。有时可能发生的事情是浏览器在其动态内容完全加载以进行预渲染之前需要大小的东西。在这种情况下，它会根据它的内容进行渲染。还不错，但这里是踢球者：当内容完全加载时，浏览器不会重新计算该值，导致无法在本地复制的偶尔可怕的渲染。
编辑：这是另一种说明： http://sourceforge.net/tracker/index.php?func=detail&aid=2808234&group_id=4421&atid=104421
答案 9 :(得分：0)
您是否在加载之间更改了浏览器窗口的宽度？如果你这样做，浮动元素的定位可能会受到影响。
