Как убрать горизонтальную полосу прокрутки?

Я конвертирую статическую страницу в адаптивную. Когда я изменил размер своей страницы на меньшую ширину, горизонтальная полоса прокрутки и некоторое количество полей также появляются внизу и справа от последнего div/Footer.

Я использовал свойство переполнения в своем коде, но все равно не получаю желаемого результата.

body {
    margin:0%;
    padding:0%;
    overflow-x: hidden;
}.

Из-за какой-то проблемы с imgur я не могу загрузить изображение своей проблемы.

Пожалуйста, предложите мне несколько советов.


html css responsiveness
person Arpit Gupta    schedule 11.04.2016    source источник

Ответы (3)


arrow_upward
3
arrow_downward

попробуй это

body {
  overflow-x: hidden;
  max-width: 100%;
}
person GKS    schedule 11.04.2016
comment
все еще сталкивается с той же проблемой - person Arpit Gupta; 11.04.2016

arrow_upward
0
arrow_downward

Откройте инструменты разработчика (F12) и найдите блок, выходящий за границу страницы, но лучше всего покажите код своей страницы.

person Максим Пахнющий    schedule 11.04.2016
comment
пожалуйста, предложите мне, как удалить ненужные поля внизу или справа от последнего div / нижнего колонтитула - person Arpit Gupta; 12.04.2016

arrow_upward
0
arrow_downward

overflow-x: hidden; os только для горизонтального переполнения: это по-прежнему позволяет использовать полосу прокрутки справа для вертикальной прокрутки.

overflow: hidden; предназначен как для горизонтального, так и для вертикального перелива.

person Johannes    schedule 11.04.2016