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