是否可以使用CSS从底部开始将div放在另一个上面？

Question

我有一个使用HTML,CSS和JS制作的聊天窗口.我想从下到上定位消息.示例:底部的第一个消息div,第一个上面的第二个消息div,依此类推.可能吗？

Answer 1

我无法想象一个纯粹的 CSS 解决方案。但是使用 jQuery，如果您的项目已经有了这个库，您可以编写如下内容：

$(':button').click(function() {
   var message = $('input[type=text]').val();
    $('#chat').prepend('<div class="line">'+message);
});

演示： http: //jsfiddle.net/Vbd67/1/

**我根据评论将append其更改为prepend