浮动DIV不会被段落包裹，可能是因为段落的宽度已定义？

Question

在DIV中，我试图将图像向右浮动，并在其周围环绕一个段落。而已。但是，因为段落的宽度为94％（我有填充），它会导致下推效果，阻止div被它包裹。这真是愚蠢，我在网上发现的一切只是陈述我已经知道的东西（浮动图像等等）

编辑：......没想到我会得到这么多负面反弹，我是新来的..不管怎样，刚刚完成了工作，所以这里是jsFiddle

http://jsfiddle.net/kMGQC/25/

<div id="red">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
<div id="blue">

</div>
</div>



#red {
background-color: red;
position: relative; 
overflow: auto;
}

#red p {
float: left;
width: 95%;
display: block;
}

#blue {
background-color: blue;
float: right; 
width: 200px; 
height: 150px;
}

Answer 1

现在你有一个小提琴，我可以随意猜测！

浮动元素应放在之前要在其周围流动的内容。

将<div id="blue">移至<p>

之前