问题: 父元素高度为0, 子元素却有高度,导致样式展示出来并不是自己想要的样式,子元素根本没有被父元素包裹住
原因:这种情况基本都是因为子元素浮动,脱离了文档流的那种。因此在子元素中必须需要一个东西来撑开,使父元素有高度。
我遇到这种情况是在使用了 vue 的 <el-col :offset="1">, 没有看源码,但是估计这个的实现可能用到了 float
解决办法:在子元素同级下加入 <div style="clear: both;"></div>
问题: 父元素高度为0, 子元素却有高度,导致样式展示出来并不是自己想要的样式,子元素根本没有被父元素包裹住
原因:这种情况基本都是因为子元素浮动,脱离了文档流的那种。因此在子元素中必须需要一个东西来撑开,使父元素有高度。
我遇到这种情况是在使用了 vue 的 <el-col :offset="1">, 没有看源码,但是估计这个的实现可能用到了 float
解决办法:在子元素同级下加入 <div style="clear: both;"></div>