CSS - 将div高度一直降低到另一个div

Question

好的，我有这两个div，其中一个是复选框，另一个div有文本。有时候可能很少或很小。无论如何，如果它很大，如果我没有将height设置为100%，左边的方框将一直向下以覆盖它留下的间隙。但是，有一个问题。

http://jsfiddle.net/4odLkzby/

看看左边的div如何超越它并重叠在它下方的.reply div？我该如何解决这个问题？

这是一个更好的图形显示：

Answer 1

将position: relative添加到回复课程。

http://jsfiddle.net/4odLkzby/1/

Answer 2

演示 - http://jsfiddle.net/4odLkzby/2/

将position: relative添加到父(.reply)的CSS属性。

Answer 3

看看这个css

CSS

.reply {
background: #E8E8E8;
font-family: "Helvetica Neue",Helvetica;
font-size: 15px;
color: #333;
text-shadow: 0px 0px 0px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#hovering-icon {
background: rgb(53, 107, 138);
color: white;
}
.hovering-answer {
background: rgb(71, 135, 172);
color: white;
overflow:hidden;
}
.reply > .icon-wrap {
background: #C4C4C4;
padding: 5px;
position: absolute;
overflow: hidden;
}
.answer-wrap {
margin-bottom: 10px;
}
.text-wrap {
padding: 7px 5px 7px 40px;
font-family: 'Helvetica', serif;
}
.icon-wrap {
    width: 30px;
    text-align: center;
    height: 100%;
}

jsfiddle