Html 难以置信的CSS div跳跃

要么你自己看！用餐分类框div从标题到其他内容有一个莫名其妙的跳跃。我们解决不了

图中还显示了：

/*开始垒*/ 身体{ 颜色：245a03； 背景色：e7f5df； 字体系列：Helvetica Neue Light、HelveticaNeue Light、， HelveticaNeue，Helvetica，Arial； 字号：17px； 保证金：0； 填充：0； 身高：100%； } 米饭市场 马特 学分：10

-> 其他即将到来的用餐邀请

2012年4月13日上午12:30 视图地图

烹调

2012年4月29日上午4:30 视图地图

烹调

window.jQuery | | document.write -> $document.readyfunction{ $.collapse.collapse{toggle:false}； }; //单击。。。 $cross-icon.clickfunction{ $'new-user-box p'.slideUpslow $'new-user-box'.slideUpslow； }; //将UA-XXXXX-X更改为您站点的ID 窗口。\ u gaq=[[''u setAccount'，'UAXXXXXXXXX1'，[''u trackPageview']，[''u trackPageLoadTime']； 现代化负荷{ 加载：“https:”==location.protocol？“//ssl:”//www'+'.google analytics.com/ga.js” }; window.attachEvent'onload'，函数{CFInstall.check{mode:'overlay'}

---

你头上70像素的底边怎么样？开发者工具：使用它们

divheader的页边距底部为70px。减少标题和内容之间的间距。

删除清除：两者都有；从款式上来说。饭盒小

---

用户列选项设置为浮动：左；，如此明确：两者皆有；导致.mean box small移动到其下方。

在HTML中进行此更改：

<!-- Start user's coming hosted meals div -->
    <div class="meal-category-box">
        <h4>Coming Meals that You&#39;re Cooking</h4>
            <div class="meal-box">
                <div class="meal-details">

---

只需将班级餐盒变小的div改为班级餐盒即可。

请在问题中包含您的代码。而且，我看不到跳跃。请更好地解释您所指的内容。不要将所有代码都转储到JSFIDLE中，这不是它的工作方式。JSFIDLE已经为您提供了doctype、head和body。它也有单独的css和javascript区域。此外，如果您的脚本不在下拉列表中，您可以将它们添加到资源中，例如额外的css或jquery插件。如果你想找到解决办法，请多做点你的问题。我想他指的是你的烹饪和真菌食物之间的差距。澄清将有所帮助。这是由图片所在的侧边栏引起的。它是浮动的，他可能过早地清除了浮动。@t谢尔曼先生，你可能是对的。在这种情况下，Ryan P的答案是赢家。