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

Question

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

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

以下是截图：

Answer 1

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

更新CSS：

div#wrapper { 
    overflow:hidden; 
} 

Answer 2

的div与post类是目前0像素线，并不关心它的内容。

更改显示类型的post到inline-block：

.post { 
    width: 720px; 
    display: inline-block; 
} 

Answer 3

试试这个CSS ...

#latestPost { 
    overflow: hidden; 
} 

元素不扩大到包含浮动的孩子，除非你明确地让它（使用一个许多clearfix技术）。