html - 调整窗口大小后，右 float 元素的显示在Chrome中变得困惑了吗？

我网站的页脚中有一个元素浮动到右侧，并且效果很好，除了在Chrome中，当我调整窗口大小时，我有某种样式将显示设置为无浮动块（请查看示例here ），但是问题是，当我将窗口重新调整为大尺寸时，即使应用了float：right，该元素也会显示在页脚中其他元素的下方。奇怪的是...取消选中float：right样式，然后在检查器中再次检查将元素返回到其正常位置。有人知道这可能是什么造成的吗？

最佳答案

您的Twitter链接很可能会引起一些奇怪的事情，如果您不介意将cali文本托管在其余文本的上方，则可以将其移动为代码中的第一个元素，这将解决您调整大小的问题。

或者，由于您似乎正在使用twitter bootstraps网格，因此可以像下面这样使用其类：

<footer class="container" role="footer" style="display: block;">
    <span id="copyright" class="col-xs-12 col-sm-4 text-left">©2013 Anton Pugachevsky</span>
    <span id="social" class="col-xs-12 col-sm-4 text-center">
        <a href="http://twitter.com/antonpug">
            <img src="http://antonpug.com/wp-content/uploads/twitter-social-icon.png" />
        </a>
    </span>
    <span id="random-blurb" class="col-xs-12 col-sm-4 text-left">Hosted with ♥ in California</span>
</footer>