我的bootstrap卡隐藏在侧边栏下。

Question

我已经添加了bootstrap卡（如下图），一切都很好，但问题是当我添加一个侧栏和导航栏（其实是另一个文件，我用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) }

我希望我理解了这个问题。