【问题标题】:Floating div jumping into place instead of loading in proper spot浮动 div 跳到位,而不是加载到正确的位置
【发布时间】:2016-01-20 23:55:24
【问题描述】:

我在页面顶部的页眉中有一个 div,其中包含我的社交媒体图标和一个 dropdowncart 小部件。我遇到的问题是我的两个计数器(facebook 和 twitter)最初加载在他们持有的 div 下,然后“跳转”到位。我已经尝试了我能想到的一切来阻止这种神经紧张的跳跃发生,但无济于事。

我正在使用浮动来尝试使 div 在智能手机上查看时可以很好地折叠。

网站:SleepHug.com

以下是相关代码的 pastebin: http://pastebin.com/my0cQuPw

以下是相关 css 的 pastebin: http://pastebin.com/c4MZAinC

【问题讨论】:

  • 为什么在客户端问题中包含 SERVER PHP 代码?
  • 问题是您的页面呈现的速度不如您想要的那么快?
  • 如果没有某种小提琴,将很难测试,但您可以尝试 #fb-tw {float:right} 而不是 left。基本上,您需要明智地考虑执行对 fb 和 twitter 的请求所花费的时间
  • @Diodeus 我不认为我通过显示一个 sn-p 来透露任何隐私
  • @programminginallston 不,问题是计数器在其容器 div 下加载,然后“跳”到适当的位置,至少在我看来,这看起来很糟糕。基本上我希望所有东西都整齐地加载在一行中,而不是跳到位。

标签: html wordpress css-float


【解决方案1】:

问题已通过按照 Rooster 的建议重新排列所涉及元素的顺序来解决。谢谢你们的帮助!

【讨论】:

    猜你喜欢
    • 2014-04-23
    • 2020-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-05
    • 1970-01-01
    • 2019-11-14
    • 1970-01-01
    相关资源
    最近更新 更多