flex布局下， 内容改变 不重新渲染问题

当使用flex布局时，flex内元素包含的内容改变时，浏览器不会进行重新渲染，

答案引用

http://stackoverflow.com/questions/23474191/flexbox-height-not-updating-when-content-changes

主要CSS

.prelative {

    position:relative;

}
div:before {
    content:attr(class);
    left:-9999px;
    position:absolute;
}

DEMO：http://jsfiddle.net/KVQTd/3/