请问老师为什么

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

hy_wang

2017-12-09 21:35:18

<!DOCTYPE html>
<html>
    <head>
   <meta charset="UTF-8">
   <title>vertical-align</title>
   <style type="text/css">
     *{
      padding: 0;
      margin:0;
     }
     .two{
      width:100%;
      height: 100%;
     }
    .none{
      width: 80%;
      height: 500px;
      background-color: red;
      float: right;
    }
   </style>
</head>
<body>
  <div class="two">
  <div>
    <img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png">
  </div>
  <div class="none">
    <img src="http://climg.mukewang.com/58dc9e4e0001ba9000160016.png">
  </div>
 </div>
</body>
</html>

请问老师浮动不是针对父元素浮动吗，我这个none为什么不在div中进行右浮动覆盖标准流中的另一个图片的位置？？？？

写回答

2回答

Miss路

2017-12-11

浮动不是定位，没有什么相对于谁不相对于谁之说，只是浮动了的元素会脱离文档流，如果不清楚浮动，父元素会塌陷，不能被撑起来，后面的元素也会因为没有清除浮动而导致异位。这个老师课程中举例讲的很清楚，请先认真听课，并练习老师课程中的小例子，从你的问题中看的出来，你没有用心的去听课，你的问题只要好好听课了，这些都不是问题，注意视频中讲的才是精华，光靠问，靠文字来说明，怎么能有更直观的视频学的好呢？注意自己的学习方法，多动脑。加油！