用CSS包装div周围的文本

Question

我试图div在我的XHTML中包含一个文本.我的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的原因吗？

Answer 1

是的,你明白了.#content-sidebar应该在所有应该包装它的文本之前.像这样:

<div id="cont-content">

<div id="content-sidebar">

 BLALALALALLAAL

 </div>

<p>content</p>

<p>more content</p>


  </div>