老师，为什么我的文字不能环绕
来源：3-5 编程练习
H2OPP
2019-12-04 15:34:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景颜色</title>
<style type="text/css">
.container{
width:1200px;
height:1000px;
border:1px solid #333;
}
.container .one{
width:800px;
height:400px;
float:left;/*左浮动*/
margin:10px;
}
</style>
</head>
<body>
<div class="container">
<div class="one"><img src="http://climg.mukewang.com/59c8742e0001bc9607120172.jpg"></div>
我们以前经常听到「以用户为中心做产品设计」
这句话，意思是产品需依附于目标用户的真实场
景来设计。与此同时，其实还有一句话在提醒着
交互设计师如何做产品设计，就是「以触摸屏为
中心做产品设计」。为什么呢？因为用户从始至
终都是在跟触摸屏做接触，不管换了什么设备，
他们都是要通过屏幕与产品进行交互的。我们可
以在这里思考一下手势的意义。我们以前经常听到
「以用户为中心做产品设计」这句话，意思是产品
景来设计。与此同时，其实还有一句话在提醒着
交互设计师如何做产品设计，就是「以触摸屏为
中心做产品设计」。为什么呢？因为用户从始至
终都是在跟触摸屏做接触，不管换了什么设备，
他们都是要通过屏幕与产品进行交互的。我们可
以在这里思考一下手势的意义。
</div>
</body>
</html>
1回答
-
好帮手慕夭夭
2019-12-04
同学你好，这是因为文字没有与图片放在一个盒子里面，所以文字环绕的是图片的父元素div，可以把文字设置多一点就看出来了，如下
如果想要环绕着图片，应该把文字放在div里面，然后给图片设置浮动，如下修改：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题