右侧的容器和侧边栏

Question

我正在尝试实现某些目标，我希望在右侧有一个主容器和一个侧边栏。它也应该处理移动版式，但我找不到或制作这样的东西。下图给出了蓝图。谢谢 BluePtint of what im trying to make

Answer 1

您可以使用具有不同ID或类的div创建此布局-您的主体（红色）可以进入“ #mainbody”类的div中，而侧边栏（蓝色）可以进入具有“ #sidebar”类的另一个div中，则可以在CSS中指定尺寸。

您是否签出过Bootstrap这样的CSS框架？ Bootstrap使使用其网格系统指定列宽变得非常容易，因此不必在CSS中声明px或％width，您可以将“ col-md-3”类添加到列宽为“ 3”的列中。他们的系统基于12个单位，其中12个为整格，6个为半格，等等：https://getbootstrap.com/docs/4.0/layout/grid/