div浮动后div的大小是靠子元素撑大的吗？

Question

题目描述

div浮动后div的大小是靠子元素撑大的吗？

题目来源及自己的思路

相关代码

<div style="float:left">
    <p>nihassssso</p>
</div>

<div style="float:left">
    <img src="bg1.jpg" width:50%">
</div>

你期待的结果是什么？实际看到的错误信息又是什么？

为什么第一个div的宽刚好能够包含p元素内的内容；
第二个div的宽却是其父元素大小的100%,而不是刚好能包含img？