Html 与“有麻烦”；浮动：左&引用；当你在做tic-tac-toe的时候？

请帮帮我。我对div.row{}中的代码有问题，我想我使用了错误的选择器，我无法解决它

我想我应该得到div班的第一个孩子：“row”部分。因此，每行的第一条边都将向左浮动，该行中的其他元素将紧跟其后。 我的意思是，我想得到每一排的第一个孩子，即左上角、左中角和左下角，但我没有

正文{
填充：3em；
文本对齐：居中；
}
分区行{
浮动：左；
高度：100px；
宽度：100px；
清除：两者；/*浮动后，需要清除两者*/
}
.行{
边距：0自动；/*将其居中*/
宽度：302px；/*对于我要添加的2个垂直边框，额外增加2张图片*/
}
.顶{
底部边框：1px纯黑；/*所有顶级类都有底部边框*/
}
.底部{
边框顶部：1件纯黑；
}
.左{
右边框：1px纯黑；
}
.对{
左边框：1px纯黑；
}

文件
井字过三关

使用专门为此定制的CSS网格。在布局中使用浮动从来都不是一个好的解决方案，在2020年，你真的不想做什么

.board{
背景色：#666；
显示：内联网格；
网格模板列：重复（3100px）；
网格模板行：重复（3100px）；
间隙：1px；
填充：1px；
}
.board>*{
背景色：白色；
}

谢谢，先生。有没有其他方法来实现这一点：内联块tho？有很多方法-浮动、内联块、flex、CSS表。。。但是CSS网格显然是这里的首选技术。好的，非常感谢您回答@connexo。我能问一下如何使用float来实现这一点，即使它不是解决这个问题的正确方法吗？