border - 父div的100％高度

Question

这里是小提琴：http://jsfiddle.net/Rpdr9/2175/

我有2个带引导程序的内联div

我想在它们之间添加100％父div的高度：

现在它等于卡片大小（黄色的东西） 我怎样才能做到这一点 ？

    <div class="panel panel-default">
        <div class="panel-body all">

            <div class="row clear">
                <div class="col-md-2 sp-right border-right">

                    <div class="tbTile yellow sp-inline">
                            <span> phase</span>                  
                    </div>                  
                </div>
    </div>

            <div class="col-md-10 sp-right "> Something </div>
    </div>

Answer 1

将div包装在包装器div中，并使用伪元素获取中间边框。

类似的东西：

＆＃13;

＆＃13;

html,body{height:100%;
margin:0;padding:0;}
.wrap {
  position: relative;
  height: 100%;
  width: 100%;
  background: gray;
}
.wrap:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 5px solid black;
}
.left{
  width:49%;
  min-height:50px;
  background:tomato;
  display:inline-block;
  vertical-align:top;
  }
.right{
  width:49%;
  min-height:150px;
  background:blue;
  display:inline-block;
  vertical-align:top;
  }

＆＃13;

<div class="wrap">
  <div class="left"></div>
  <div class="right"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

你的小提琴更新：

can be seen here