javascript - 是否可以使用 CSS 从底部开始将一个 div 放置在另一个之上?

标签 javascript html css

我有一个使用 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/

相关文章:

javascript - jQuery 侧边菜单点击切换更改 gyphicon

javascript - 测试 javascript 1.2 的兼容性

javascript - "Quiet"使用Ajax提交表单

reactjs - ReactCSSTransition 动画对图像不流畅

javascript - 如何使 &lt;input type "value"> 的 ="radio"不可见?

css - 在具有动态高度的绝对图片下定位div

javascript - 如何借助 javascript 查找打印机列表?

javascript - 如何在灯箱中显示动态数据

html - 将图形添加到 Bootstrap 进度条

jquery - 使用缓冲区中的 drawImage 更新 Canvas 不要使用 drawImage 应用操作