用CSS将文本环绕在一个分区上

是的,你明白了。内容侧边栏应该位于所有应该包装它的文本之前。这样地:

<div id="cont-content">

<div id="content-sidebar">

 BLALALALALLAAL

 </div>

<p>content</p>

<p>more content</p>


  </div>

1. 将图像剪切成相关的切片,然后剪切掉希望文本流动的部分。你做的切片越多,你的包装就越漂亮。

2. 把这些切片放到HTML中。给他们一个叫做“wrap”的类,比如:

   <img src="slice1.png" width="181" class="wrap">
   <img src="slice2.png" width="287" class="wrap">
   <img src="slice3.png" width="217" class="wrap">
   

3. 输入你的CSS:

   .wrap {
       float: left; 
       clear: left; 
       margin: 0  0.9em 0 0;
   }
   

这将使切片向左浮动,并将它们作为一个图像放在一起,从而允许文本在右侧流动。边界设置将在图像和文本之间创建一个边界。

如果希望图像向右浮动,请裁剪切片的另一面,然后使用:

.wrap {
    float: right; 
    clear: right; 
    margin: 0 0 0 0.9em ;
}