XHTML HTML-элемент с высотой 100% вызывает полосы прокрутки

Question

В моем файле CSS я использую это:

html,body{height:100%;padding:0;margin:0;border:0;}

Это вызывает появление вертикальной прокрутки на IE8, Chrome 5 и Mozilla 3.6, всю последнюю версию.

Кроме того, документ пуст, он имеет только теги HTML, головы и тела, поэтому ничего не выходит из экрана, чтобы вызвать это.

Настройка переполнения: скрыто; На HTML-элементе полностью остановят прокрутку на странице.

Как я могу заставить его уйти, пожалуйста, но также продолжайте прокручивать, когда контент выше, чем высота дисплея?

Спасибо.

Answer 1

Мне нужна 100% высота в документе XHTML, чтобы у меня были элементы DIV на 100%.

Во всяком случае, я нашел ответ:

Эта проблема возникает только тогда, когда верхний элемент имеет верхний край. Похоже, что верхняя маржа добавляется в 100% высоту, что делает его выше и вызывая прокрутку.

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

Answer 2

Переполнение: Hidden должен помочь и предотвратить отображение полос прокрутки (вы, вероятно, проиграете ~ 1px контента из-за ошибок округления

Answer 3

Там могут быть лучшие способы, но я просто по умолчанию до 98%, который, кажется, устанавливает прокрутки во всех браузерах.

Вы также можете установить высоту, используя JavaScript, но это немного хакери

Answer 4

Сегодня я столкнулся с этой проблемой и обнаружил, что полоса прокрутки не была вызвана верхним запасом на первом элементе, но, имея как HTML, так и элементы тела, имеют высоту 100%.

Итак, используя это правило CSS:

html,body { height: 100%; }

Я получаю прокрутки баров. Если я изменим это в это правило CSS:

html { height: 100%; }

Я не получаю прокрутки баров.

Мир...

Answer 5

Вертикальная прокрутка приходит из-за height:100%. Отказ Вам не нужно, если нет причин для вас, чтобы использовать это.

Answer 6

Почему вы устанавливаете высоту 100% в организме?

Это получит эту высоту по умолчанию.

Имеет смысл установить высоту в организме только в том случае, если вы хотите установить числовую высоту в PX, например, позволяет сказать 600px