100％宽的导航栏没有水平滚动条，在html-css

我有一个英雄形象，在它的顶部，我想要一个标志和菜单，我给了英雄形象下面的属性。并为导航栏我已给出position: absolute; and width : 100%。100％宽的导航栏没有水平滚动条，在html-css

我不希望那个水平滚动条，请帮助。 this is how my page look like

height: 551px; width: 100%;background: url(../_images/banner_1.JPG) no-repeat;background-size: cover;position: relative;

已经有你的标志和菜单。你的菜单计划是什么，你希望它是垂直的，你可以创建一个jsfiddle。 – frnt

我不知道JSfiddle，我在“navbar”div中添加了一个徽标和菜单，我想那个navbar div应该有100％的宽度，但同时它不应该创建一个水平滚动条。，因为当我将100％宽度应用于导航栏时，其创建水平滚动条。 –

你的意思是窗口水平滚动条，所以要隐藏添加以下代码并更改导航栏的div到100％，

body{ 
overflow-x:hidden; 
}

2016-06-25 06:26:01 frnt

感谢您的快速回答，我在主体中添加了overflow-x：hidden。它帮助我移除水平滚动条。但我的导航栏仍在窗外，我看不到最后一个菜单项。 –

@DhawalShingare欢迎，我可以看到你的链接之间填充减少。 – frnt

去除horiontal滚动条

添加溢出-x：隐藏

2016-06-25 06:28:58

我在一个body中添加了一个overflow-x：hidden。它帮助我移除水平滚动条。但我的导航栏仍然在窗外，我看不到最后一个菜单项 –

回答