Html 如何添加溢出y:滚动？

我有我的html代码：

行X列
0 X 0
0 X 1
0 X 2
0 X 3
1 X 0
1 X 1
1 X 2
1 X 3
2x0
2 X 1
2x2
2 X 3

2 x列的位置不取决于溢出-y

它取决于宽度，所以您必须将列的宽度添加到父列宽度的30%，并将正确的子html atribute添加到表中，以便表单元格

行X列
0 X 0
0 X 1
0 X 2
0 X 3
1 X 0
1 X 1
1 X 2
1 X 3
2x0
2 X 1
2x2
2 X 3

您是希望2x0列只显示在右侧，还是希望滚动条也显示在右侧？

---

如果您只是希望列彼此相邻，您可以尝试使用表（一个用来容纳其他表的表），如果不起作用，只需使用css网格布局，其中有三个指定（或自动）宽度的网格列，然后是一行自动高度，然后根据您的需要放置表即可。（如果你真的想要滚动条，那么我想只要在box div的某个地方键入“overflow-y:scroll”。

虽然我会使用

flexbox

而不是以像素为单位指定

width

，但本质上你想防止

float

属性将元素换行。您可以使用

display:inline block

和

white space:nowrap

：

行X列
0 X 0
0 X 1
0 X 2
0 X 3
1 X 0
1 X 1
1 X 2
1 X 3
2x0
2 X 1
2x2
2 X 3

谢谢您的编辑@AI.coolique！