css - 使用 CSS 将文本环绕在 div 周围

Question

我试图让文本环绕我的 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 的任何原因吗？

Answer 1

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

<div id="cont-content">

<div id="content-sidebar">

 BLALALALALLAAL

 </div>

<p>content</p>

<p>more content</p>


  </div>