【轻松解决盒子外边距塌陷】

一、sessionStorage 和 localStorage的区别
1.sessionStorage 存储周期关闭浏览器，在同一个窗口下可以共享数据
2.localStorage存储周期永久，在多个窗口下可以共享数据
二、mouseEnter 和 mouseover 的区别
1.mouseEnter ：鼠标移入监听对象时触发，在监听对象内移动不会触发。不会冒泡，父盒子触发功能，子盒子不会触发
2.mouseover ：鼠标移入监听对象中，或者从监听对象的一个子元素移入另一个子元素中时触发该事件，所以有一个重复触发，冒泡过程
三、如何解决盒子外边距塌陷问题

解决办法：
1.给父盒子加上边框（会撑大盒子）
2.给父盒子加内边距 (会撑大盒子)
3.给父盒子加 overflow: hidden;(不会撑大盒子）

经过上述方法处理后的盒子：

以上就是今天的知识点总结😋