部分切换位置

Question

我正在网站上工作，我有点问题。 我几乎在网站底部的块中有不同的任务，叫做“werkzaamheden＆＃39;”。当我让它们显示：flex网站运行良好，但任务混乱。当我让它显示：阻止他们不会通过彼此，但他们弄乱了网站。底部部分现在位于任务部分之上。

这是链接：http://www.ik-ben-zzp.nl/testsite/

如此简短：我需要在#middle部分内部设置任务块而不重叠。

我在开关时错了：

.taken
{
    height:100%;
    display:flex;
    justify-content: center;
}

使用：

.taken
{
    height:100%;
    display:block;
    justify-content: center;
}

Answer 1

假设这是您想要的，只需替换

.taken {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

删除CSS规则

.taak {
  /* float: left;
  width: 30%;
  padding: 50px; */
}