如何将固定元素的CSS样式更改为不跨越滚动条

时间:2016-01-16 23:36:01

标签: html css

我有一个名为nav-map的固定(位置属性)元素。我想将max width设置为该元素。

.nav-map{
   position:fixed;
   left: 0;
   width: 100%;
   top: 0;
   overflow: hidden;
}

但在这种情况下它覆盖了我的滚动条,我想避免这种情况。

enter image description here

请帮助我解决问题

完整源代码: http://codepen.io/borispinus/pen/adpEWa

1 个答案:

答案 0 :(得分:0)

问题在于,你的滚动条是另一个div的一部分,如果你可以将div放在固定导航下面,那就太好了。

所以在<body>中给出padding-top固定导航的高度。

body {
  padding-top: 40px;
}

这就是我对所有固定导航的处理方式。这就是它的完成方式。 :)看看它在这里的样子:

小提琴:http://codepen.io/anon/pen/QyqBZQ