html - 页面边框结合引导容器

Question

我会尽力描述问题尽可能好：

下面是我需要使用引导程序实现的设计。（最好没有 JS/jquery，只有 css）

所有内容都在一个有两列的引导容器（不是流动的，响应式固定宽度）中。

左绿色边框应与第一个左（黄色）div 中的内容一起扩展。

在右列（红色）中添加内容时，左绿色边框不应扩展。

我尝试了一些方法，但找不到完美的解决方案。

谁能让我朝着正确的方向解决这个问题？

我的方法是在容器周围添加一个（全角）div，左边框为绿色，并使用多个容器/行。但是绿色边框的高度也取决于右列的高度。

我希望我以一种可以理解的方式解释了这个问题......

提前致谢！

标签： htmlcssbootstrap-5

Answer 1

据我了解你的问题。对于绿色框，您可以根据需要使用定位或粘性。并且完全可以使用可能的容器流体。