如何使用html和css制作成比例的4列布局

如何使用css为html制作4列设计？我想有一列，占屏幕的5%，一列占65%，另一列占5%，第四列占25%，按顺序排列。我尝试了大量的在线教程，但都不管用，每一个都会随机出现一个问题。

请使用flexbox

.parent{
显示器：flex；
证明内容：周围的空间；
弯曲方向：行；
}
.孩子{
边框：1px纯黑；
高度：50px；
背景颜色：浅蓝色；
}
.子项：第n个子项（0）{
弹性基准：5%；
}
.子女：第n名子女（1）{
弹性基准：65%；
}
.子女：第n名子女（2）{
弹性基准：5%；
}
.子女：第n名子女（3）{
弹性基准：25%；
}

内容
内容
内容
内容

我提供了使用多种

显示类型的简单示例。如果需要将高度设置为全宽，则为
容器设置规则
高度：100vh

#1表：


正文{
框大小：边框框；
保证金：0；
填充：0；
}
.集装箱{
显示：表格；
宽度：100%；
}
.货柜箱{
显示：表格单元格；
颜色：白色；
}
.容器箱：第n个子项（1）{
宽度：5%；
背景颜色：黄色；
}
.容器箱：第n个子项（2）{
宽度：65%；
背景颜色：绿色；
}
.容器箱：第n个孩子（3）{
宽度：25%；
背景色：红色；
}
.容器箱：第n个孩子（4）{
宽度：5%；
背景颜色：灰色；
}

1.
2.
3.
4.
您可以使用css定义宽度的百分比。您是指宽度和/或高度吗？