html - div 大小不计入右浮动元素

Question

我想要这样的内容

News Event Title                     11.11.2015
-----------------------------------------------
News Event Title 2345 News Event Title 2345 
                                     11.11.2015
-----------------------------------------------
News Event Title News Event Title News Event Ti
tle                                  11.11.2015

结果是这样

News Event Title                     11.11.2015
-----------------------------------------------
News Event Title 2345 News Event Title 2345
----------------------------------------------- 
                                     11.11.2015
News Event Title News Event Title News Event Ti
tle                                  11.11.2015

请注意实际结果中的第二个标题。这是因为日期是 float: right 并且不计入 div 大小。

如何解决？感谢您的帮助

代码是这样的

<div style="border-bottom:1px dotted #000000;">
<p>News Event Title<span style="float:right;">11.11.2015</span></p>
</div> 

更新:

请查看演示站点，左下角

更新

Overflow:hidden 解决问题。非常感谢

Answer 1

您可以在父 div 上添加 overflow: hidden;。