CSS表格单元格占两行可以参考以下的代码：
<!-- 这是占两行的 -->
<table border=1>
<tr><td rowspan="2">单元格占两行的</td><td>......</td></tr>
<tr><td>....</td><tr>
</table>
<!-- 这是占两列的 -->
<table border=1>
<tr><td colspan="2">单元格占两列的</td></tr>
<tr><td>..........</td><td>..........</td><tr>
</table>
扩展资料：
CSS 表格属性
表格边框
如需在 CSS 中设置表格边框，请使用 border 属性。
下面的例子为 table、th 以及 td 设置了蓝色边框：
table, th, td
{
border: 1px solid blue
}
请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。
如果需要把表格显示为单线条边框，请使用 border-collapse 属性。
折叠边框
border-collapse 属性设置是否将表格边框折叠为单一边框：
table
{
border-collapse:collapse
}
table,th, td
{
border: 1px solid black
}
参考资料来源：百度百科-CSS表格
div 是块级元素默认的就是一个div 占一行
所以不定义float，两个div就是竖着排列的
至于你说的两个格子间的间距，方法很多
一般用margin属性 设置便宜距离
margin属性的用法自己去看看资料吧~~
1、首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。
2、然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。
3、最后可以用width属性给表格设置宽度，用height属性设置单元格的高度，设置好后可以在浏览器看到效果。
