我网站的页脚中有一个元素向右浮动,效果很好,除了在 Chrome 中,当我调整窗口大小时,我有特定的样式将显示设置为阻塞而不 float (查看示例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>
关于html - 调整窗口大小后,右侧 float 元素显示在 Chrome 中变得困惑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19554734/