HTML、CSS、JS遇到问题记录

HTML、CSS、JS遇到问题记录

1.CSS:样式设置为 position:absolute 时，width:100%或 width:auto 无法继承父元素的问题

问题原因：因为position：absolute会脱离标准流，所以父元素无法自适应子元素高度。
解决方法：将absolute 修改为 relative
解决思路：主要问题的原因在于父元素的判断上，absolute当元素判断html为父元素，故而会发生width：100% 宽度不正常的问题，我们需要的是相对于真正意义上的父元素，故而可以修改为relative。

2.HTML:实现div组件的可编辑接口

使用HTML的接口：contenteditable具体的解析可以参考以下链接：contenteditable

3.React-beautiful-dnd 出现Error： Uncaught TypeError: Right-hand side of ‘instanceof’ is not callable

在一次调用React-beautiful-dnd 组件时，只要一调用，就会弹出这个error，后经过排除为React组件中有一个styled compoment 的变量名称为Error，且为const Error，故判断为对React-beautiful-dnd 的组件中的Error 回调函数进行了重写覆盖而引发的错误

4.将javaScript脚本改成babel脚本之后，ready函数执行两次

检查是否重复引入了React文件