右侧的容器和侧边栏

时间:2018-09-29 14:13:38

标签: css

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

1 个答案:

答案 0 :(得分:0)

您可以使用具有不同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/