categories: [css/Less]
该元素完全没有设定边框border、内边距paddng、高度height、最小高度min-height 、最大高度max-height时可能会发生。
以上情况的组合会产生复杂的外边距折叠（普通文档流中块框的垂直边界才会发生边界叠加），行内框、浮动框或绝对定位框之间的边界不会叠加。
参考： 外边距折叠｜MDN
这是因为右边的图片边框压住了左边的图片边框。边框值设置的是1px，margin-left：-1，向左移动1px就可以了。
如果盒子都没有加定位，可以鼠标悬浮时，给盒子加上相对定位relative属性。因为相对定位的盒子会压住普通盒子，位置没有设置偏移量的话就不会动。
![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
