Javascript 从底部上升的div中的动画div

---

有谁能告诉我，这些人是如何制作出这种基于正方形的布局的，因为我尝试了表格和div，但无法使页面布局看起来相同，我喜欢内容和图像的显示方式。

每列都是一个div，其中有哪些不同的div。

把这些骰子放在你的身体里

   <div class="column-center">Column center</div>
   <div class="column-left">Column left</div>
   <div class="column-right">Column right</div>

使用跨度将内容添加到相关div中，以便于换行

---

希望这有帮助

这很简单，我采用了他们使用的HTML/CSS，并在这里对其进行了简化

您只需要设置div宽度并正确浮动列

在左栏：

float: left;

在右栏中：

float: right;

---

创建单元格并使其浮动

HTML:

---

请不要用桌子来做这个。在我看来，这不是语义。

float: right;

<div id="container">
   <div id="cell1">
      <div>Article1</div>
      <div>Article2</div>
   </div>    
   <div id="cell2">
      <div>Article3</div>
      <div>Article4</div>  
   </div>  
   <div id="cell3">3</div>  
</div>

#container{
    width: 100%;
    overflow: hidden; 
}

#cell1{
    float: left;
    width: 33%;
    background-color:red;
}
#cell2{
    float: left;
    width: 33%;
    background-color:blue;
}
#cell3{
    float: left;
    width: 33%;
    background-color:green;
}