垂直菜单栏

时间:2016-11-23 16:50:22

标签: html css

我的页面左侧有一个垂直菜单栏,当我尝试放一个简单的菜单栏时 在我的横向菜单之后,页面中间的DIV或TABLE会显示在底部。

以下是条形码的CSS通用代码:

.generalMenuHome
{
  width:70px;
  height:100vh;
  background-color:#000;
  border-right:solid 2px #556CF0;
  min-height: 550px;
  position:relative;
}

我在这个栏中有更多DIV,这里有一个例子:

.logoInGenrealMenu
{
  position:absolute;
  width:70px;
  height:70px;
  background-image:url(../insiteincludes/medias/logo.png);
  background-size:80%;
  background-position:center center;
  background-repeat:no-repeat;
}

我正在使用 位置 属性,对吗?

您可以看到我的问题:https://postimg.org/image/qzju2dl8h/

Capture

感谢您的时间

1 个答案:

答案 0 :(得分:0)

只需将垂直条的位置属性更改为固定即可。

.generalMenuHome
{
    position:fixed;
}