带有评论框的{div}容器

Question

评论区域是否可能位于评论框的底部，如果有更多评论，则评论字段将位于底部。右边，评论在评论框后面。

#ProfileComments {
border: 1px solid #dfe0e4;
background: #fff;
width: 420px;
min-height: 308px;
position:relative;
}

#ProfileComments .commentfield {
position:absolute;
bottom: 0;
border: 1px solid #dfe0e4;
font-size:13px;
margin: 10px 10px 0 10px;
padding: 5px;
width: 380px;
left: 0;
color: #4e5665;
}

<div id="ProfileComments">
    <div class="headline">Comments</div>
    <div style="overflow-y: scroll; height: 265px;">
    <div class="picture"><img src="" /></div>
    <div class="comment">
    <div class="author"><a href="">name</a><span class="date">date</span></div>

            Comment text
            </div>
        </div>
</div>