Html 如何自定义每个列'；css中的流动性？

好的，我有三列css。当我调整窗口的大小时，最左侧列的左侧保持在固定位置。我希望右栏的右边也有同样的东西。所有其他侧面（中柱、左柱右侧、右柱左侧）均可调节。现在，唯一固定的位置是最左侧立柱的左侧。 甚至可以像这样定制修复（？）吗？ 另外，如何使柱固定在顶部而不是底部？我还在图片中圈出了这个。当一根柱子比其他柱子大时，较小的柱子将停留在底部高度，而不是我想要的顶部。 我真的很感激你的帮助。我对css和html有点陌生，所以我还在学习。另外，如果我没有很好地解释，我很抱歉，我希望屏幕截图和代码有帮助！多谢各位

*{
框大小：边框框；
}
/*为股票代码添加卡片效果*/
.卡片{
背景色：rgb（24,28,41）；
填充物：5px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
利润率：1%；
}
身体{
保证金：0；
}
/*标题样式*/
.标题{
背景色：rgb（5105256）/*rgb（196950）*/
填充：15px；
文本对齐：居中；
}
/*设置顶部导航栏的样式*/
托普纳夫先生{
溢出：隐藏；
背景色：#333；
}
/*设置topnav链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时更改颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
/*创建三个相邻浮动的相等列*/
.栏目{
显示：内联块；
宽度：30.5%；
填充：15px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
左缘：1%；
保证金权利：1%；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*响应式布局-使三列堆叠在彼此的顶部，而不是相邻*/
@媒体屏幕和屏幕（最大宽度：600px）{
.栏目{
宽度：98%；
}
}
身体{
背景色：rgb（24,28,41）；
颜色：rgb（255、255、255）；
字体系列：“Helvetica”，“Arial”，无衬线；
保证金：0；
填充：0；
}

股票代码：


纵队
稍后输入信息稍后输入信息

纵队
稍后输入信息

纵队
稍后输入信息

在

行中使用
显示：flex

注意：如果删除所有内容（
*
）上的
框大小：边框框
样式，也将消除侧面的不相等空格


/*为股票代码添加卡片效果*/
.卡片{
背景色：rgb（24,28,41）；
填充物：5px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
利润率：1%；
}
身体{
保证金：0；
}
/*标题样式*/
.标题{
背景色：rgb（5105256）/*rgb（196950）*/
填充：15px；
文本对齐：居中；
}
/*设置顶部导航栏的样式*/
托普纳夫先生{
溢出：隐藏；
背景色：#333；
}
/*设置topnav链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时更改颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
/*创建三个相邻浮动的相等列*/
.栏目{
显示：内联块；
宽度：30.5%；
填充：15px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
左缘：1%；
保证金权利：1%；
溢出：隐藏；
}
/*清除列后的浮动*/
.行{
显示器：flex；
}
/*响应式布局-使三列堆叠在彼此的顶部，而不是相邻*/
@媒体屏幕和屏幕（最大宽度：600px）{
.栏目{
宽度：98%；
}
}
身体{
背景色：rgb（24,28,41）；
颜色：rgb（255、255、255）；
字体系列：“Helvetica”，“Arial”，无衬线；
保证金：0；
填充：0；
}

股票代码：


纵队
稍后输入信息稍后输入信息

纵队
稍后输入信息

纵队
稍后输入信息

您也可以使用网格轻松完成此操作。更容易实现完整的重复性，您可以根据需要添加mcuh列和框。它会自动调整


*{
框大小：边框框；
}
/*为股票代码添加卡片效果*/
.卡片{
背景色：rgb（24,28,41）；
填充物：5px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
利润率：1%；
}
身体{
保证金：0；
}
/*标题样式*/
.标题{
背景色：rgb（5105256）/*rgb（196950）*/
填充：15px；
文本对齐：居中；
}
/*设置顶部导航栏的样式*/
托普纳夫先生{
溢出：隐藏；
背景色：#333；
}
/*设置topnav链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时更改颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
/*创建三个相邻浮动的相等列*/
.电网{
显示：网格；
网格模板列：重复（3，1fr）；
网格自动行：自动；
网格间距：1%；
利润率：01%01%；
}
.栏目{
填充：15px；
边框样式：实心；
边框宽度：2倍；
边框颜色：rgb（5105256）；
/*rgb（196,95,0）*/
边界半径：3px；
}
/*响应式布局-使三列堆叠在彼此的顶部，而不是相邻*/
@媒体屏幕和屏幕（最大宽度：600px）