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

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

我相信如果你添加：

将会修复

#logo {
float: left;
}

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

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

1 个答案: