请问老师为什么

来源:2-1 float基本参数的介绍

hy_wang

2017-12-10 21:13:17

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    *{
      padding: 0;
      margin:0;
    }
    three{
      width: 600px;
      height: 600px;
    }
    .one{
      width:500px;
      height: 500px;
     background-color: blue;
    }
    .one,.two,.t1{
      float:left;

    }
    .two{
      clear:right;
      background-color: red;
    }
  </style>
</head>
<body>
   <div class="three">
     <div class="one">我是标题</div>
     <div class="two">我是主体</div>
     <div class="t1">我是主体1</div>
   </div>
</body>
请问老师为什么我不是明明设置了 .two清除右边。为什么two的右边还是有浮动元素存在?


写回答

3回答

小丸子爱吃菜

2017-12-11

那也得有元素设置右浮动啊

0
hy_wang
h 非常感谢!
h017-12-11
共2条回复

Miss路

2017-12-11

同学你不要把问题给想复杂了,清楚右浮动值能简历在设置了右浮动的基础上,没有什么第三个相对于第二个是右浮动,不是这么理解的,是整理都是做浮动。为了避免你左右清除分不清楚,建议直接clear:both 就可以了,只要是浮动都给清除。

0
hy_wang
h 谢谢老师,这样说的话我豁然开朗
h017-12-11
共1条回复

小丸子爱吃菜

2017-12-11

前面元素设置的都是左浮动,你清除右浮动有什么意义呢?

祝学习愉快!

0
hy_wang
h 老师clearright的意思不是说不允许元素右边有浮动对象吗
h017-12-11
共1条回复

0 学习 · 36712 问题

查看课程