8.1浮动需求原理与注意事项

浮动需求原理与注意事项

需求：为了让元素脱离文档流上往下，从左往右排列的顺序，可以用到float。
原理：浮动能够使元素左右移动，周围元素会受到浮动影响排列顺序，浮动的原理并不是说他直接变换了位置，
而是浮动对象的类拔高了，产生视角差，同时也因此而导致后面元素的被遮盖。浮动的元素在文档流上一层。
注意：浮动后父元素没有高度，若没有清除父元素，会导致网页比较混乱，为了解决这个问题需要让父元素有高度。
可以用clear标签解决   <div style=”clear:both”></div>
或者在父元素中加入一个空元素  <div content=" "></div>