老师,为什么我的文字不能环绕

老师,为什么我的文字不能环绕

<!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://img1.sycdn.imooc.com/climg//59c8742e0001bc9607120172.jpg"></div>

     我们以前经常听到「以用户为中心做产品设计」

           这句话,意思是产品需依附于目标用户的真实场

           景来设计。与此同时,其实还有一句话在提醒着

           交互设计师如何做产品设计,就是「以触摸屏为

           中心做产品设计」。为什么呢?因为用户从始至

           终都是在跟触摸屏做接触,不管换了什么设备,

           他们都是要通过屏幕与产品进行交互的。我们可

           以在这里思考一下手势的意义。我们以前经常听到

           「以用户为中心做产品设计」这句话,意思是产品

           景来设计。与此同时,其实还有一句话在提醒着

           交互设计师如何做产品设计,就是「以触摸屏为

           中心做产品设计」。为什么呢?因为用户从始至

           终都是在跟触摸屏做接触,不管换了什么设备,

           他们都是要通过屏幕与产品进行交互的。我们可

           以在这里思考一下手势的意义。

    </div>

                                                                                    

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              

                                                                                                                              





 

</body>

</html>

              

         

              

             

             

             

            

             


   

   


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-12-04 16:22:01

同学你好,这是因为文字没有与图片放在一个盒子里面,所以文字环绕的是图片的父元素div,可以把文字设置多一点就看出来了,如下

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

如果想要环绕着图片,应该把文字放在div里面,然后给图片设置浮动,如下修改:

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

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

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师