1

我的网站页脚中有一个元素浮动到右侧，它工作得很好，除了在 Chrome 中，当我调整窗口大小时，我有一定的样式可以将显示设置为不浮动（查看示例here），但问题是，当我将窗口大小调整回大尺寸时，即使应用了 float:right，该元素也会出现在页脚中其他元素的下方。奇怪的是...取消选中 float:right 样式并在检查器中再次检查它会将元素返回到其正常位置。有谁知道这可能是什么原因造成的？

4

2 回答 2

0

您的 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>
于 2013-10-24T00:41:19.177 回答
0

使用文本对齐：右；在父元素上并仅使用float:left; 在需要的子元素上或使用其他类型的对齐方式。

这更像是一种解决方法，但不是解决方案。此问题似乎是某种 chrome 样式刷新错误，因为重新应用浮动样式或刷新页面可以解决此问题。

于 2014-02-27T16:01:01.497 回答