如何使用我的侧边栏将其他元素推向右侧？

Question

我想创建一个简单的侧面导航，占据整个屏幕的高度。我正在使用Milligram作为我的基地，我希望我的侧导航能够使用它。我有以下设置：

Codepen demo

如您所见，我的侧边栏是以下元素

echo"<a href='postreply.php?cat_id=$cat_id&topic_id=$topic_id&topic_creator=$topic_creator'>hi</a>"; 具有以下样式：

<div class="sidebar"></div>

这种作品，侧边栏显示在其他所有方面，但其他一切都没有被推到一边。如果屏幕较小，则内容会与侧边栏冲突。

我怎样才能使侧栏将其他所有内容（包括导航栏）向右推250px（宽度）？我知道这会在较小的屏幕上使某些东西无法使用，但我会给用户一种切换它的方法。

感谢任何帮助。

Answer 1

您可以将左边距设置为等于侧边栏的宽度。

section .container {
    margin-left: 250px;
}