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

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

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

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

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

posted on 2019-04-30 14:06  mlllily  阅读(143)  评论(0编辑  收藏  举报