Html 尝试使用div创建比例表

我试图创建一个带有比例表的HTML页面，只使用div元素。我希望左列占表格宽度的60%，并且有3行。对于第二列，我希望它占据表格宽度的剩余40%，并且有4行，每行有2个单元格

这是我的HTML标记：为什么我只看到第一列（左）呢

body，
html{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
背景色：#DDDDDD；
}
#船长{
显示：表格；
身高：100%；
宽度：100%；
}
.左{
显示：表格列；
宽度：60%；
}
.对{
显示：表格列；
宽度：40%；
}
.A{
身高：30%；
显示：表格行；
}
.B{
身高：35%；
显示：表格行；
}
.B2{
身高：25%；
显示：表格行；
}
.C1{
显示：表格单元格；
背景：#ff00ff；
}
.C2{
显示：表格单元格；
背景：#ffffff；
}
.C3{
显示：表格单元格；
背景：#0000ff；
}
.C4{
显示：表格单元格；
背景：#ff0000；
}
.C5{
显示：表格单元格；
背景：#00ff00；
}
.C6{
显示：表格单元格；
背景：#000000；
}

---

您需要将行和列嵌套在左侧和右侧div中。目前，您正在声明left和right，但其中没有任何内容，并且混合了table和div元素，这可能会混淆一些东西

我已经做了一个div唯一的例子，你上面描述的。左侧的“行”div占“右”宽度的100%，而“拆分列”占“右”宽度的50%。高度基于内容，但如果要指定，可以通过添加id或类来指定

.container{
宽度：100%；
字体系列：Helvetica，无衬线；
}
左边
.对,，
.分栏{
浮动：左；
背景色：#f9f9f9；
}
.左{
宽度：60%；
}
.对{
宽度：40%；
}
.分栏{
宽度：50%；
背景颜色：浅蓝色；
}

第1行
第2排
第3排
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元

您需要将行和列嵌套在左侧和右侧div中。目前，您正在声明left和right，但其中没有任何内容，并且混合了table和div元素，这可能会混淆一些东西

我已经做了一个div唯一的例子，你上面描述的。左侧的“行”div占“右”宽度的100%，而“拆分列”占“右”宽度的50%。高度基于内容，但如果要指定，可以通过添加id或类来指定

.container{
宽度：100%；
字体系列：Helvetica，无衬线；
}
左边
.对,，
.分栏{
浮动：左；
背景色：#f9f9f9；
}
.左{
宽度：60%；
}
.对{
宽度：40%；
}
.分栏{
宽度：50%；
背景颜色：浅蓝色；
}

第1行
第2排
第3排
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元

试试这个

我已经从TJ Hannington answser添加了一些css

我已经添加了一些来自TJ Hannington answser的css