100% ширина navbar без горизонтальной полосы прокрутки, в html-css

У меня есть изображение героя, а на его вершине я хочу логотип и меню, . Я дал ниже свойства для изображения героя. и для навигационной панели я дал position: absolute; and width : 100%.100% ширина navbar без горизонтальной полосы прокрутки, в 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;

источник

2016-06-25 Dhawal Shingare

У вас уже есть логотип и меню. Каков ваш план меню, вы хотите, чтобы он был вертикальным, вы можете создать jsfiddle. – frnt

Я не знаю JSfiddle, я добавил логотип и меню в div «navbar», я хочу, чтобы navbar div имел ширину 100%, но в то же время он не должен создавать горизонтальную полосу прокрутки. потому что, когда я применяю ширину 100% к navbar, создавая горизонтальную полосу прокрутки. –

Вы имеете в виду окно горизонтальной полосы прокрутки, так, чтобы скрыть, что добавить ниже код и изменить вы NavBar дел до 100%,

body{ 
overflow-x:hidden; 
}

источник

2016-06-25 06:26:01 frnt

спасибо за ваш быстрый ответ, я добавил переполнение-x: скрытый в теле. И это помогло мне удалить горизонтальную полосу прокрутки. , но мой навигатор выходит за окно, я не вижу свой последний пункт меню. –

@DhawalShingare Добро пожаловать, я мог видеть, что отступы между вашими ссылками уменьшают это. – frnt

для удаления horiontal Полоса прокрутки

переполнения добавить -x: скрыто

источник

2016-06-25 06:28:58

Я добавил переполнение-x: скрытый в теле. И это помогло мне удалить горизонтальную полосу прокрутки. но все же мой navbar выходит за окно, я не вижу свой последний пункт меню –

100% ширина navbar без горизонтальной полосы прокрутки, в html-css

ответ

Смежные вопросы