防止div重叠

Question

我需要帮助在下面的链接正确调整post-title格。如果缩放结果面板使其更窄，则标题最终将与日期重叠。而不是重叠如下所示：

我宁愿标题换到一个新行来避免这个碰撞。理想情况下，我想它也使使用面积以上的日期，像这样：

目前，标题将包裹一旦到达包含post div的末尾，如由标题下方的蓝线。

我已经包含一个JSFiddle供您测试。

http://jsfiddle.net/sph74/

Answer 1

您可以使用float: right上的日期去接近你想要什么。没有更多的absolute定位：

http://jsfiddle.net/sph74/1/

这是通过float: right完成（这本身上的日期）。 .post-title元素必须为display: inline或inline-block您也可以使用float: left，但这会让事情变得更加忙碌。

您还需要在.post-heading元素之后正确地使用clear元素，我已经通过overflow: hidden完成了老式的操作。