四个方向border的实现原理

当隐藏单个方向的border时，会迷之出现缝隙

{
  border:1px solid #e6ebf5;
  border-bottom: none;
  ...
}

没有原理了，解决方案如下

1. {
   border:1px solid #e6ebf5;
   border-bottom: none;
   display: flex;
   flex-direction: column;
   ...
   }
   2. ``` CSS
   {
     border:1px solid #e6ebf5;
     margin-bottom: -1px;
     ...
   }