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

Question

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

我的页面是here

页面的相关部分靠近底部

<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

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

我相信如果你添加:

#logo {
float: left;
}

看起来你的 div 正在清除 ".pull_right" 从 footer 开始它应该是 在 bootstrap 中继承 clealrfix。我必须说我不知道​​为什么它只发生在新标签上。