css - 我的引导卡隐藏在侧栏下

Question

我已经添加了引导卡（在下图中）一切正常。但问题是当我添加侧栏和导航栏时（实际上是另一个文件，我将它包含在 php 中）。屏幕左侧的卡片隐藏在侧栏下。如果我写下面的 css，那么每张卡片需要 200px 的边距。我想要的只是左侧的卡片需要向左移动，并且每张卡片之间的间隙必须保持不变。我也尝试过框架但不工作。

.cards{
         margin-left:200px;
  }

Answer 1

我不确定您的 html 看起来如何，但让我们假设它是这样的：

<div class="content">
  <aside> ... menu </aside>
  <main> ... cards </main>
<div>

你可以这样写css：

.content { display: flex }
aside { width: 200px }
main { width: calc(100% - 200px) }

我希望我理解这个问题。