智能即时贴导航菜单

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;
}