如何正确对齐y轴上的div？CSS/flex

我试图构建一个登录页面，有3个SVG图像，其中2个在顶部，一个在右下方。它们都位于绝对位置，其中容器显示为相对位置

现在我基本上想要一个在外容器顶部30/40%的div。什么是解决这个问题的最佳方法

1） 制作一个固定高度的div，但它没有响应性，我将处理媒体查询

因此，这是关于图像上显示的蓝色容器，其中红色框没有高度，因为它们是抽象的

有什么想法吗

该div应位于高度顶部的30%。

---

什么方法最适合这种情况？

对于垂直对齐，您可以使用

flex-flow:column。然后将弹性基础设置为弹性项目的百分比。因此，可以控制容器内子元素的相对高度

请参阅：
添加html和css，说明您所做的工作和您的问题。没有代码，屏幕截图是无用的。您的代码可以是任何内容，请重新阅读：；）欢迎来到这里，我很不理解你的问题，但是使用Flasbox，你会使用一个类似于<代码>正当的内容：你的容器的中心< /代码>。对于垂直连接，你可以考虑使用<代码> Flex流：列；在容器上编码>，然后将
弹性基础设置为弹性项目的百分比。因此，如果这是一个问题，您可以控制容器内元素的相对高度。@terminus.technicus这实际上是一个问题。谢谢你，伙计，你是个英雄！