Html CSS列垂直溢出解决方法

我试图在一个相对固定的div中使用CSS列以类似列的方式排列图像。我希望div垂直滚动，但当它达到可用的最大垂直空间时，它会在右侧创建新列，迫使div水平滚动，而不是保持3个预期列并垂直溢出。你知道怎么修吗

正文{
背景色：白色；
宽度：100%；
身高：100%；
位置：绝对位置；
字体系列：“ff tisa网络专业版”，衬线；
字体大小：16px；
字体大小：400；
线高：1.45；
颜色：#333；
背景：rgba（200125,06,0.5）
}
.电网{
位置：相对位置；
身高：80%；
-webkit柱：150px；
-moz柱：3150px；
色谱柱：3150px；
宽度：40%；
保证金：自动；
溢出：自动；
背景：rgba（200125,06,0.5）；
破门而入：避免；
}
.电网img{
宽度：100%；
}

---

尝试使用1列计数，当文本大于可用高度时，它将自动拆分为第二列-

列：1 150px


正文{
背景色：白色；
宽度：100%；
身高：100%；
位置：绝对位置；
字体系列：“ff tisa网络专业版”，衬线；
字体大小：16px；
字体大小：400；
线高：1.45；
颜色：#333；
填充：1em；
溢出：隐藏；
背景：rgba（200125,06,0.5）
}
文章{
位置：相对位置；
身高：70%；
-webkit柱：150px；
-moz柱：150px；
色谱柱：150px；
填充：1em；
宽度：40%；
保证金：自动；
溢出：滚动；
背景：rgba（200125,06,0.5）
}

中午，他们在路边一条小溪边坐下，多萝西打开篮子，拿出一些面包。她给稻草人一块，但他拒绝了。
“我从不饿，”她说；他说:"；幸运的是，我没有，因为我的嘴只是画过的，如果我在嘴上挖个洞吃东西，我塞满的稻草就会出来，这会破坏我的头型。”；
多萝西立刻看出这是真的，所以她只是点了点头，继续吃她的面包。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
&ldquo；告诉我一些关于你自己和你来自的国家的情况，&rdquo；稻草人吃完饭后说。于是她告诉了他关于堪萨斯州的一切，那里的一切是多么的灰暗，飓风是如何把她带到这个奇怪的奥兹之地的。
让我们看看这是否对您有帮助


正文{
背景色：白色；
身高：100%；
位置：绝对位置；
字体系列：“ff tisa网络专业版”，衬线；
字体大小：16px；
字体大小：400；
线高：1.45；
颜色：#333；
背景：rgba（200125,06,0.5）
}
.电网{
位置：相对位置；
-webkit柱：3 150px；
-moz柱：3150px；
色谱柱：3150px；
保证金：自动；
溢出：自动；
背景：rgba（200125,06,0.5）；
破门而入：避免；
}
.电网img{
宽度：100%；
}

我遇到了这个问题，解决方法是在父元素上使用overflow-y:scroll（或auto），而不是在具有列计数的元素上，因为两者似乎不兼容。
问题是它一直水平滚动，但我希望它垂直滚动，因为
文章
高度占用户屏幕的70%，它将开始将剩余文本添加到新列中。对不起，我想你是对的，让我更新代码片段，这样你就可以看到我的意思了，这几乎是我需要的，但棘手的是，在这种情况下，滚动的是de“body”本身，但我想滚动的是“grid”div，我也尝试过包装“grid”div，但在需要修复时它不起作用（页眉/页脚（如果适用）位置固定并添加溢出-y：滚动到您的网格。这应该是您想要的技巧）