随机改变高度的HTML/CSS元素

我希望我的页脚有一行高。 有时，当我在新窗口/选项卡中打开页面时，页脚有两行高。如果我在选项卡中重新加载，它看起来很好

我的页面是

页面的相关部分在底部附近

<footer class="footer">
  <div class="container-fluid">
    <div id="logo">&#169; 2013 Dine-O</div>
    <div class="pull-right"><a href="/signup/restaurant"> Restaurant Signup </a> | <a href="/apps"> Apps </a> | <a href="/tos"> Terms </a> | <a href="/privacy"> Privacy </a></p>
  </div>
</footer>

© 2013年迪恩-O
|||

有时#logo和.pull right div在同一条线上。有时它们出现在不同的行上

---

只有在新选项卡上加载页面时才会出现“bug”。有人对我为什么会出现这种随机行为有什么建议吗？

首先，我必须说这是一个奇怪的错误。注意，它也只发生在chrome中

如果您添加以下内容，我相信它将得到修复：

#logo {
float: left;
}

看起来您的div正在清除

”。向右拉“

，因为

footer

---

在引导中继承clealrfix。我必须说，我不知道为什么它只发生在新的选项卡上。

在所有浏览器中都会发生吗？还是在一个特定的？是否有一种在加载时使用javascript应用的样式？这里的Chrome用户似乎可以按预期工作。你能帮我个忙吗？谢谢大家。它发生在铬合金中，是随机的。有时，它的负载很好。我通常要创建一个新窗口，尝试加载页面。通常每5次左右就坏一次。如果我重复使用一个窗口，它通常是好的。WebKit（现在是Blink）经常出现这样可怕的渲染错误。在Chrome团队出现之前，适当的测试似乎几乎不存在，他们只是改善了情况，而不是很长一段时间内解决了问题。我倾向于发现Chrome每隔几次发布就有一次明显的使人衰弱的bug，而Firefox只有一次（他们随后在几天后发布了修复程序）。@chrismorger这很有趣。你有更多的信息吗？（链接）对不起，不方便；我希望我能记录下它们，但我没有这样做，而且它们也不容易被追踪到。这纯粹是一件轶事。我最近也发现firefox好得多。我必须说我对CSS非常熟悉，尤其是在Chrome中，但我没有遇到过这样的bug。任何资源都是非常有用和有趣的，即使它是一张截图。我最近看到的是一个正在开发的页面，在页面加载时，Chrome浏览器中的三个本应相邻的框相互堆叠，直到任何CSS属性发生更改，它才会正确呈现。但是有了它，我对结构做了一些修改，以避免出现这种情况，所以我也没有关于它的任何文档。。。有趣的是，当你遇到这种渲染不好的情况时，销毁所有证据往往是你的目标。