文字环绕如何设置

<div class="main">
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
</div>
    <label>慕课网是垂直的互联网IT技能免费学习网站。
    以独家视频教程、在线编辑工具、学习计划、
    问答社区为核心特色。在这里，你可以找到
    最好的互联网技术大牛，也可以通过免费的

在线视频课程学习国内领先的互联网IT技术。</label>

http://img1.sycdn.imooc.com//climg/5d5d0ca80001f3ae09370417.jpg

黑不溜溜球 2019-08-21

源自：CSS定位 4-2 相对定位和浮动

收起

3回答

好帮手慕柯南回答被采纳获得+3积分 2019-08-21 17:53:04

同学你好！

同学可以将right的值设置小一点，就可以达到效果，比如：right：5px；

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

收起回答

黑不溜溜球提问者 #1

我想要实现图片在中间，文字在两端的环绕效果，不遮挡文字。

2019-08-21 17:59:07
好帮手慕柯南回复提问者黑不溜溜球 #2

同学你好！目前单纯的通过浮动和一段文字是不能够实现这样的效果的。祝学习愉快~

2019-08-21 18:39:32

提问者黑不溜溜球 2019-08-21 17:24:15

在我的代码中，文字并没有实现真正意义上的环绕。该如何设置才能使文字实现环绕

收起回答

提问者黑不溜溜球 2019-08-21 17:21:28

为什么我贴出的代码没有全部显示

<div class="main">
   <div id="div1"></div>
   <div id="div2"></div>
   <div id="div3"></div>
</div>
   <label>慕课网是垂直的互联网IT技能免费学习网站。
   以独家视频教程、在线编辑工具、学习计划、
   问答社区为核心特色。在这里，你可以找到
   最好的互联网技术大牛，也可以通过免费的
   在线视频课程学习国内领先的互联网IT技术。</label>

div{
   width: 100px;
   height: 100px;
}
#div1{
   background-color: red;

}
#div2{
   background-color: green;


}
#div3{
   background-color: blue;

}
.main{
   position: relative;
   float: right;
   right:300px;
}