边框值设置的是1px,margin-left:-1,向左移动1px就可以了。
如果盒子都没有加定位,可以鼠标悬浮时,给盒子加上相对定位relative属性。因为相对定位的盒子会压住普通盒子,位置没有设置偏移量的话就不会动。
tags: [css]
categories: [css/Less]
该元素完全没有设定边框border、内边距paddng、高度height、最小高度min-height 、最大高度max-height时可能会发生。
以上情况的组合会产生复杂的外边距折叠(普通文档流中块框的垂直边界才会发生边界叠加),行内框、浮动框或绝对定位框之间的边界不会叠加。
参考: 外边距折叠|MDN
可以通过设置一下边框宽度来解决不能重合的问题。像这样的带边框div的一定要计算很精准:
总宽度=div宽度+左边框宽度+右边框宽度(只要有边框的div都要计算边框的宽度)
上图中CSS并没有指定边框是多宽的,建议也指定定义好的宽度数值,再计算一下整体宽度是多少,这样应该就可以将边框重合了。
如果还不能重合,建议将完整代码截图发来。