有个疑问请老师解答下

有个疑问请老师解答下

课程里,div1设置了浮动后,div2会上移,div2的文字不会上移,还在原来的位置显示,那么div1和div2设置浮动后,div3的文字哪里去了

正在回答

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

3回答

你给第三个改变字体颜色就可以了,如下:

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

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

第三个盒子虽然被第一个盒子盖住了,但是文字还是显示在外面的哦。

自己测试下。

提问者 简单取个名字 2018-07-30 10:44:04

<!DOCTYPE html>

<html>

<head>

       <meta charset="UTF-8">

       <title>float</title>

       <style type="text/css">

       .container{

              width:500px;

              height:500px;

              border:2px solid #333;

       }

       .box01{

              width:100px;

              height:100px;

              background:blue;

              color:#fff;

      

       }

       .box02{

              width:100px;

              height:100px;

              background:red;

              color:#fff;

      

       }

       .box03{

              width:100px;

              height:100px;

              background:orange;

              color:#fff;

      

       }

      

      

       </style>

</head>

<body>

       <div class="container">

              <div class="box01">11111</div>

              <div class="box02">22222</div>

              <div class="box03">33333</div>

       </div>

      

</body>

我给.box1设置float:left       .box2的文字 还在原来的位置

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

我给.box1和.box2 同时设置了float:left;后,.box3的文字呢,怎么不是显示在原来的位置http://img1.sycdn.imooc.com//climg/5b5e7b630001b66805110508.jpg



卡布琦诺 2018-07-30 10:33:58

不太清楚你说的是什么意思,建议同学详细描述一下问题,可以添加截图进行辅助说明,以便于大家更加准确的定位你的问题并帮你解答!

  • 提问者 简单取个名字 #1
    具体代码 和描述 截图 我放上面了,请老师帮忙看下
    2018-07-30 10:58:03
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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