html - 调整窗口大小后,右侧 float 元素显示在 Chrome 中变得困惑?

标签 html css google-chrome

我网站的页脚中有一个元素向右浮动,效果很好,除了在 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/

相关文章:

jquery - Ajax .load() 后加载的内容会丢失字符集(UTF-8),但仅限于 FireFox 和 IE。 Chrome 和 Opera 运行良好

javascript - Chrome 扩展程序和移动设备之间通过本地网络进行安全通信

javascript - 为 Dojo 文本框定义 CSS

javascript - 迭代地读取和处理 chrome.storage 中的对象

jquery - 菜单更改位置或与事件菜单重叠

javascript - 将 CSS 应用于 Meteor JS 中的菜单问题?

html - 100%宽度对齐三张图片

html - 如何使这个嵌套的 div 显示在右上角并使文本环绕它?

javascript - 如何在导航栏中向左移动内容

html - 将 DIV 置于集中式 DIV 之上的最佳做法?