智能粘性导航菜单

Question

我的粘性菜单中有一些文字跳了一小段问题。这是我的代码：http://jsfiddle.net/u6ywraj8/

正如您所看到的，当用户向下滚动时，我希望红色#menu粘在顶部。但是，菜单左上角的文本会跳转。我希望此文本始终位于红色菜单的左上角，我不希望它具有初始的~100px填充。

感谢您的帮助！

Answer 1

将float: left;添加到此课程sticknav{}

sticknav {
  background: #ffffff;
  height: 30px;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  left: 0px;
  right: 0px;
  position: relative;
  z-index: 9999;
  float: left;
}

Answer 2

试试这个

sticknav {
  background: none repeat scroll 0 0 #ffffff;
  display: inline-block;
  height: 30px;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  right: 0;
  width: 100%;
  z-index: 9999;
}