请问，处理设置图片向左浮动，为什么不能设置文字向右浮动？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
body{
font-family: '微软雅黑';
}
.per{
width: 400px;
height: 200px;
border: 1px solid #CCC;
}
.red{
width: 100px;
height: 100px;
background: red;
margin: 10px;
/*此处写代码*/
}
p{float:right;}
</style>
</head>
<body>
<div class="per">
<div class="red"></div><p>慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基...</p>
</div>
</body>
</html>
正在回答
你好，red不设置浮动，是实现不了环绕效果的，因为red浮动之后脱离文档流，p标签就会向上移动，而文字是一定要显示出来的（不会被遮盖住），所以就形成了环绕的效果。
修改：
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星