踩坑：编辑时是子元素，调试时跑到外面去了和祖先/父元素并行

1. 问题描述

编辑时在<fieldset> </fieldset>元素是在<form> </form>标签下面的，但是在页面调试时<fieldset> </fieldset>元素跑到最外层和最大的祖宗元素并行了。从而导致样式发生改变

2. 解决

（1) 首先看一下代码中<fieldset> </fieldset>元素的前兄弟元素们，是否存在标签错乱的情况。比如<span>xxxx</div>

这种出错一般不存在，因为修改标签时编译器会前后同步修改。即使前后不一样，浏览器不会报错，并有时能够自动修复。
在公司花了很久解决这个错误，最后查出来是这个智障原因。
回家后尝试了一下故意写错标签，浏览器以前标签为主自动修复了。有点好奇公司的问题是怎么产生的。

（2) 如果不是以上问题，查找js代码，是否对<fieldset> </fieldset>这种不符合理想状况的元素进行了移动与修改