内容超出了包装器的界限......（HTML / CSS）

Question

我正在我的网站上工作，我似乎无法弄清楚为什么它正在做它正在做的事情。问题是内容区域中的文本超出了包装器。我确定这是一个非常简单的错误，我忽略了，我希望一些新鲜的眼睛可以发现我的错误。我在图像中突出显示它溢出。谢谢！盖瑞特

网站：http://thinkgarrett.com/hello/index.php

以下是截图：

Answer 1

不知何故，你没有清除div浮动。这将解决您的跨浏览器问题。

更新CSS：

div#wrapper {
  overflow:hidden;
}

Answer 2

类div的{​​{1}}目前是一个0像素的行，与其内容无关。

将post的显示类型更改为post：

inline-block

Answer 3

试试这个CSS ...

#latestPost {
   overflow: hidden;
}

元素不会扩展为包含浮动的子元素，除非您明确地使用它（使用许多clearfix技术之一）。