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

Question

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

我的页面在这里

页面的相关部分靠近底部

<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>

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

“错误”仅在在新选项卡上加载页面时发生。有人对我为什么会出现这种随机行为有任何建议吗？

Answer 1

First of all I must say that is a WEIRD bug. Notice it only happens in chrome too.

I believe it will be fixed if you add:

#logo {
float: left;
}

It looks like your div is clearing the ".pull_right" which it kinda should be since footer inherits clealrfix in bootstrap. I must say I have no idea why it happens ONLY on new tabs.