内部有浮动Div的Div不适合内容

Question

<div style="background-color:black">
   <div style="float:right">
       Test message
   </div>
<div>

这将显示带有白色背景的"测试消息",因为父div不符合内容.

如何使div适合内容？(不使用表,或显示:表,因为它在IE中不受支持)

Answer 1

你也可以这样做:

<div style="background-color:black; overflow: auto;">
   <div style="float:right">
       Test message
   </div>
<div>

这是一个更清洁的方式来做clearfix :)