В моем файле CSS я использую это:
html,body{height:100%;padding:0;margin:0;border:0;}
Это приводит к появлению вертикальной полосы прокрутки в IE8, Chrome 5 и Mozilla 3.6, последней версии.
Кроме того, документ пуст, он имеет только теги html, head и body, поэтому ничего не выходит из экрана, чтобы вызвать это.
Настройка переполнения: скрыта; на элементе html полностью перестанет прокручиваться страница.
Как я могу убрать его, пожалуйста, но продолжайте прокручивать, когда контент выше высоты дисплея?
Спасибо.
Мне нужна высота 100% в документе XHTML, чтобы я мог иметь элементы div со 100%.
В любом случае, я нашел ответ:
Эта проблема возникает только тогда, когда верхний элемент имеет верхний предел. Кажется, что верхний край добавляется к 100% -ной высоте, что делает его выше и вызывает полосу прокрутки.
Таким образом, либо используйте padding-top для размещения самого верхнего элемента, либо используйте без верхнего поля между тегом и следующим элементом с верхним краем.
переполнение: скрытые должны помочь и предотвратить отображение полос прокрутки (вы, вероятно, потеряете ~ 1px содержимого из-за ошибок округления
Там могут быть лучшие способы, но я просто по умолчанию 98%, что, кажется, устраняет полосы прокрутки во всех браузерах.
вы также можете установить высоту с помощью JavaScript, но это немного взломано.
Сегодня я столкнулся с этой проблемой и обнаружил, что полоса прокрутки не вызвана верхним краем первого элемента, но, имея ОБА, элементы html и body имеют высоту 100%.
Итак, используя это правило CSS:
html,body { height: 100%; }
Я получаю полосы прокрутки. Если я изменил это на это правило CSS:
html { height: 100%; }
У меня нет полос прокрутки.
Мир...
Вертикальная полоса прокрутки идет из-за height:100%. Вам это не нужно, если у вас нет причины использовать это.
Почему вы устанавливаете высоту 100% в теле?
По умолчанию эта высота будет получена.
Имеет смысл установить высоту в теле только в том случае, если вы хотите установить числовую высоту в px, например, скажем 600px