Css 绝对属性

我想要两个100%高的沙发。 1个带背景图像和一种颜色的div。 在任何分辨率中，两者的高度应相等。 请帮帮我

.loginImage { width: 100%; }

.loginBox {
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
    box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
    height: 100%;
    position: absolute;
}
   <div class="wrapper-login">
   <div class="col-xs-6"><img src="images/loginImage.jpg" alt="Cargo CRM" class="loginImage"></div>
   <div class="col-xs-3 loginBox"></div>
   </div>

.loginImage{width:100%；}
.loginBox{
背景色：#ffffff；
背景：rgba（255，255，255，0.2）；
-网络工具包盒阴影：1px 0px 9px 0px rgba（50,50,50,0.55）；
-moz盒阴影：1px0px9px0pxRGBA（50,50,50,0.55）；
盒影：1px0px9px0pxRGBA（50,50,50,0.55）；
身高：100%；
位置：绝对位置；
}

---

这就是你想要的吗？

我真的无法想象你想要什么，你能提供一个吗？你有没有一个JSFIDLE可以帮助我们看到问题：）请检查链接如果我删除“位置：绝对”，那么“内容”div高度与“侧面”不匹配我希望两者在所有分辨率上都是相同的高度。我在css中没有提到这个位置：（你能检查一下小提琴链接吗

.col-xs-6 {
    width: 47.66666667%;
    display:table-cell;
    text-align:left;
}
.col-xs-3 {
    width: 25%;
    display:table-cell;
    text-align:left;
}
.loginImage {
    width: 100%;
}
.loginBox {
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
    box-shadow: 1px 0px 9px 0px rgba(50, 50, 50, 0.55);
}
.wrapper-login {
    margin: 0 auto;
    width: 100%;
    display:table;
}