修改了 css 之后, 页面恢复不了了

步骤

1. 调试了一下, 下面这个代码,

// 获取父元素


// 获取要调整位置的两个元素
let dockrElement = document.querySelector('.layout__dockr');
let centerElement = document.querySelector('.layout__center');
let parentElement = dockrElement.parentNode;

// 将 dockrElement 插入到 centerElement 之前
parentElement.insertBefore(dockrElement, centerElement);

2. 页面变成了这个样子
3. 刷新页面之后, 页面恢复了
4. 但是, 收回大纲之后, 中间元素的宽度就不会变了

试过重启软件, 和更新软件, 都不行

现在是通过这个 css 临时规避的

.layout__center {width:1800px!important;}

备注

我现在软件一直是有问题的, 所以无法知道是哪个操作导致的

触发条件可能是以下几种操作

1. 执行上面的代码, 刷新页面
2. 右键删除这个元素, 再刷新页面:
3. 剪切元素再粘贴, 之后再刷新页面

原因

我想把大纲放到文档树的右边来着, 就尝试了一些操作, 然后就变成这样了

虽然是因为我手欠, 但是谁能救救孩子, 我现在有点慌