wangeditor 复制网络文本,导致页面布局乱了

wangeditor 复制网络文本格式乱了

解决: 给渲染的标签加上清除浮动,以及加上定位,

此次造成的原因是,复制的文本中有float:left浮动元素,
然后我渲染的节点没有写高度,直接出现高度塌陷了

加上定位推测:
防止复制的标签有 position: absolute绝对定位;
而没有父级position: relative相对定位;造成页面出现混乱

<div class="invite-card-html" v-if="dataInfo.invite_content" v-html="dataInfo.invite_content"></div>

.invite-card-html{
       overflow: hidden;
       position: relative;
   }

问题图片

解决后