父元素高度为 0， 导致元素错位

问题： 父元素高度为0， 子元素却有高度，导致样式展示出来并不是自己想要的样式，子元素根本没有被父元素包裹住

原因：这种情况基本都是因为子元素浮动，脱离了文档流的那种。因此在子元素中必须需要一个东西来撑开，使父元素有高度。

   我遇到这种情况是在使用了 vue 的 <el-col ：offset="1">, 没有看源码，但是估计这个的实现可能用到了 float

解决办法：在子元素同级下加入  <div style="clear: both;"></div> 

转载于:https://www.cnblogs.com/mlllily/p/10795647.html