Javascript 动态重新排序DIV元素

我最近开始学习html、css和javascript，因为我对创建自己的新闻网站非常感兴趣，我意识到我真的不知道如何完成以下任务：

我希望我的网站的主页有10个div块，其中每一个都有一个标题与超链接到相应的html页面。但是，当我添加一个新的div时，我希望底部的div块消失，这样就可以为最新的div腾出空间，而最新的div将位于顶部

老实说，我不知道我需要学习什么才能完成这个任务。这是一张我想要完成的图片

---

你能给我一个简短的解释或者一些关键词到谷歌上，让我了解如何做到这一点吗？

这是一个有点棘手的问题，因为你不知道你想要如何添加项目（你提到的div元素）

如果要将这些项目动态添加到集合中（而不重新加载整个页面），则可能需要使用这些项目容器的overflow属性。通过这种方式，您可以防止已在集合中的项目在有人将要访问它们时消失

否则，如果您计划在访问页面时仅加载数据库中的最新项目，则只需使用正确的查询，从数据库中仅返回正确数量（适合“集合”的数量）的最新数据

---

我可能应该提到，对于初学者来说，在没有任何帮助的情况下从头开始构建这个网站将是一个相当大的挑战。特别是因为您还必须完成所有的后端工作来设置数据库。如果可以的话，我建议你向在这方面有经验的人寻求帮助，因为从错误的方向开始，必须完全重新开始，这不会有多大乐趣

是否要动态添加新的div？将其移动到其他页面是什么意思？您所查找的内容是博客的典型内容。你应该考虑准备好的博客解决方案，比如WordPress或TyPabAd.OP，你的问题真的有点宽泛。为了从社区中得到好的答案，你需要努力清楚地解释你想要的帮助。试着把你的问题格式化，让它说明你到目前为止做了什么，特别是你有什么问题。一个非常宽泛的问题很可能只会吸引非常宽泛的答案，不太可能对你或其他任何人有帮助。使文章更具可读性，使用线条图像，删除mysql标签，不同的标题