防止div重叠

Question

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

我希望将标题换行到新行以避免此冲突。最佳的，我希望它也可以使用日期上方的区域，如下：

目前，标题将在到达包含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，但这会让事情变得更加紧张。

您还必须在clear元素后.post-heading正确overflow: hidden，我已通过{{1}}以旧式方式完成。