使用CSS创建复杂表

我想创建这样的东西using divs,它也应该没有使用display:tableCSS规则等.如何创建表头？

可以试试这个作为起点吗？你可能需要调整很多.

* {box-sizing: border-box;}
.row {overflow: hidden; clear: both;}
.cell {border: 1px solid #999; padding: 0px; float: left;}
.cell.full {float: none;}
.col-1 {width: 20%;}
.col-2 {width: 40%;}
.col-3 {width: 60%;}
.col-33 {width: 33.3%;}
.row-2 {height: 3em;}

  
Subject
  

    

      
First Term
    
    

      
October Test
      
December Exam
      
Term Average
    
  
  
Teacher's Evaluation