使用 box-shadow 代替 border

box-shadow: 0 1px 0 0 red; /* Border bottom */
box-shadow: 0 -1px 0 0 red; /* Border top */
box-shadow: -1px 0 0 0 red; /* Border left */
box-shadow: 1px 0 0 0 red; /* Border right */
box-shadow: 0 0 0 1px red; /* All the borders by using the spread properties */

与 border 的区别：
border 会影响 box 尺寸，box-shadow 不会。
border:

box-shadow:

注意点

padding 会影响 box-shadow 的显示效果

.container {
  box-shadow: 0 -4px 4px rgba(0,0,0,.03);
  padding: 0 16px;
}