用CSS包围div的文本

我试图得到一个文本包裹在我的XHTML div。我的XHTML看起来像这样….

<div id="cont-content">


<p>content</p>

<p>more content</p>

<div id="content-sidebar">

 BLALALALALLAAL

 </div>

  </div>

我的CSS看起来像…

#content-sidebar {
    display: block;
    float: right;
    width: 270px;
    height: 400px;
    border: 1px solid red;
}

你能看到为什么文本不会包围这个Div的任何原因吗？

解决方法

是的你得到了。 #content-sidebar应该在所有的文本之前应该包装它。喜欢这个：

<div id="cont-content">

<div id="content-sidebar">

 BLALALALALLAAL

 </div>

<p>content</p>

<p>more content</p>


  </div>