## 添加border不影响盒子大小的三种方 1. 给子元素设置`box-sizing: border-box`，但会改变子元素的大小 2. 给margin-right加负值 ``` .parent>div:not(:last-child) { border-right: 1px solid black; margin-right: -1px; } ``` 3. 给子元素添加相对定位，并给伪类添加绝对定位，利用伪类实现 ``` .parent>div { position: relative; } .parent>div:not(:last-child)::after{ content: ""; display: block; position: absolute; width: 1px; height: 100%; border-right: 1px solid #333; background-color: #333; top: 0; right: 0; } ```