CSS Bulma容器在margin自动上移动内部边界

Question

我正在为每个行元素构建一个可折叠的3个标签，并且在某些分辨率和每个浏览器的右侧标签选择上遇到对齐问题（边框右侧的小别名间隙）：

我们使用flex和简单的DOM结构。我们有一个容器（黑色）和两个div：蓝色用于处理标签标题，红色用于处理可折叠内容，如下所示：

问题似乎出在蓝色包装纸上从内部div设置边框。

这是css：

* {
  outline: none;
}

html * {
    box-sizing: border-box;
}

.no-margin {
  margin: 0 !important;
}

.container {
    position: relative;
    width: 100%;
    max-width: 993px;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
}

* {
  outline: none;
}

html * {
    box-sizing: border-box;
}

.no-margin {
  margin: 0 !important;
}

.container {
    position: relative;
    width: 100%;
    max-width: 993px;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
}
    .inclusive-tab-container {
      width: 100%;
      margin: 35px auto;

      .inclusive-tab {
        .inclusive-tab-title {
          background-image: url('/static/img/arrow_expand.png');
          background-repeat: no-repeat;
          background-position: 95% 50%;

          &.active {
            background-image: url('/static/img/arrow_collapse.png');
          }
        }

        .box-tab {
          > div {
            position: relative;
            cursor: pointer;
            border-right: 1px solid $light-grey-four;
            border-bottom: 1px solid $light-grey-four;
          }

          > div.active {
            -webkit-animation: fade-in-grey-border $anim-duration-fast both;
            animation: fade-in-grey-border $anim-duration-fast both;
            border: 1px solid $border-color;
            border-bottom: none;
          }

          .blank {
            display: block;
            position: absolute;
            border: 0;
            border-bottom: 8px solid white;
            margin: 0;
            top: 40px;
            width: 100%;
            left: 0;
            z-index: 999;
          }

          a {
            display: inline-block;
          }
        }

        .box-content-wrapper {
          .box-content {
            display: none;
            padding: 20px;
            font-size: 13px;

            &.active {
              display: block;
              border: 1px solid $border-color;
              opacity: 1;
              z-index: 998;
              -webkit-animation: fade-in $anim-duration both;
              animation: fade-in $anim-duration both;
            }

            .addon-selection {
              border: none;
            }
          }
        }
      }
    }

这是可编辑的演示：https://codepen.io/anthonyvialleton-the-lessful/pen/vaEmoa

这似乎来自布尔玛容器类的margin自动属性...