前端网页设计边框重叠问题

关于在前端网页设计中边框紧挨导致边框叠加的问题

若要使边框不重叠，可对其中一个块级元素设置margin-left: -1px;

若要用hover伪元素显示边框

则可对边框重叠的两个元素之中的其中一个元素应用

position: relative;

就可以完整显示出来了

原理是relative的元素不可层叠所以可以完整的显示

我上面的margin-left是对紧挨着的第二个元素应用的

因此设置relative应该对第一个元素设置