请问老师为什么

<!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://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png">
  </div>
  <div class="none">
    <img src="http://img1.sycdn.imooc.com/climg//58dc9e4e0001ba9000160016.png">
  </div>
 </div>
</body>
</html>

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

hy_wang 2017-12-09

源自：float浮动 2-1 float基本参数的介绍

收起

2回答

Miss路 2017-12-11 11:24:51

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

收起回答

Miss路 2017-12-10 14:19:47

不是的，虽然float之后的元素脱离了文档流，但是还是会占据文档流中的位置，它影响到的会是后面元素的位置和父元素是否被撑开。你可以再写一个div在none后面，就看出问题了。多测试一下会有更多的收获，注意听老师视频中讲解的内容。祝学习愉快！

收起回答

提问者 hy_wang #1

老师我想请问的是关于float属性，我设置了比如left，他是相对于谁进行浮动，是元素本身在常规流中的位置进行浮动还是相对于谁？老师你的意思是设置了float属性还是会占据文档流中的位置，那么是不是兄弟元素一个浮动一个不浮动，浮动不会覆盖文档流中不浮动的元素是吗

2017-12-10 14:48:12