请直接复制以下代码运行。问题：有class属性的内层div浮动，p元素应该文字环绕内层div。但是给p元素添加一个overflow：hidden之后，就没有文字环绕了，而是p元素的文字直直的下来了。请问为什么会是这种效果？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{margin: 0;padding: 0;list-style: none;}
#div{width: 300px;height: 300px;background: #ccc;}
#div div{width: 100px;height: 100px;background: blue;float: left;}
p{overflow: hidden;}
</style>
</head>
<body>
<div id="div">
<div class></div>
<p>来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律来得及落实领导及法律</p>
</div>
</body>
</html>
侠客岛的含笑