Question

我们的网站（http://462184.hs-sites.com/）上有一个粘性菜单，宽度设置为100％。但是，正如您所看到的，菜单仍然在左侧短几个像素。

我无法解决它与之相冲突的问题。非常感谢您的帮助！

Answer 1

你错过了在css中给left:positionvalue。请使用.custom_menu-container.nav-sticky{left:0;} ...完成。

Answer 2

我为你修好了，只需复制并粘贴整个东西找： .custom_menu-container.nav-sticky {background：＃29a2f3; position：fixed！important; top：0; transition：all .5s ease 0s; width：100％; z-index：10}

http://cdn2.hubspot.net/hub/462184/hub_generated/style_manager/1427950593779/custom/page/PocketBookkeeping_Feb2015-theme/PocketBookkeeping_Feb2015-style.min.css

中的

将其替换为：

.custom_menu-container.nav-sticky{background:#29a2f3;position:fixed!important;top:0;transition:all .5s ease 0s;width:100%;z-index:10;left:0;}

Answer 3

进行以下更改：

.custom_menu-container.nav-sticky{
    left: 0; /* add */
    postition: fixed; /* remove !important */
}

粘性菜单宽度100％但不填充屏幕

3 个答案: