我有一个使用 HTML、CSS 和 JS 制作的聊天窗口。我想从下到上定位消息。 例子: 第一个消息 div 在底部,第二个消息 div 在第一个之上,依此类推。可能吗?
最佳答案
我无法想象纯 CSS 解决方案。但是使用 jQuery,如果你的元素已经有了这个库,你可以这样写:
$(':button').click(function() {
var message = $('input[type=text]').val();
$('#chat').prepend('<div class="line">'+message);
});
演示: http://jsfiddle.net/Vbd67/1/
**我根据评论把append
改成了prepend
关于javascript - 是否可以使用 CSS 从底部开始将一个 div 放置在另一个之上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11914268/