Html Chrome和Firefox在浮动和显示方面的布局差异：表

JS小提琴：

HTML:

在Firefox和Chrome中查看这些内容会给出不同的布局。 有人能解释为什么会这样吗。我怀疑它与display:table属性有关，但我真的不明白为什么

出于恼人的原因，我无法删除display:table，但我需要让下div的主体在浮动div下面对齐。 有人能建议如何在两种浏览器中一致地实现这一点吗？

您可以添加：

float:右

在两个浏览器中实现相同的外观

---

Fiddle:

事实证明，

{clear:tweet}

也能获得正确的外观，我认为这是一个可以说是更好的解决方案（我的意思是，最终的CSS更准确地反映了我的设计愿望）。

谢谢，这就解决了所有问题。大量的黑客攻击，但这就是跨浏览器CSS的世界：(