CSS: Почему я получаю вертикальную полосу прокрутки с этим простым HTML? (Отделение 100% высотой)

В Firefox 3.5.8 в Windows, я получаю вертикальную полосу прокрутки, когда я использую этот HTML:




Haloooo1 - T3



Hello

alt text

Q1. Кто-либо может объяснить почему?
Кто-либо может объяснить, как удалить его?

Q2. Кто-либо может объяснить, почему существует подушка пробела выше отделения? Кто-либо может объяснить, как удалить его?

5
задан Glorfindel 5 July 2019 в 04:04
поделиться

4 ответа

Добавьте это:

p {margin: 0; }

У вашего элемента p есть поле сверху.

Позвольте мне порекомендовать использовать файл сброса CSS. Мне нравится YUI .

7
ответ дан 13 December 2019 в 05:33
поделиться

Согласно firebug, это маржа в

. По крайней мере, в 3.6 установка margin-top до p решает проблему.

p {
    margin-top: 0;
}
3
ответ дан 13 December 2019 в 05:33
поделиться

Это параграф.

Если добавить

 p { margin: 0px; padding: 0px } 

все становится хорошо, включая полосу прокрутки.

Почему абзац считает себя вправе покинуть свой родительский элемент таким образом, я пока не совсем понимаю.

2
ответ дан 13 December 2019 в 05:33
поделиться

A1. Вы получаете полосу прокрутки, потому что div имеет размер 100% окна браузера, а не 100%. Поскольку div имеет тот же размер, что и окно браузера, но смещен вниз, полоса прокрутки необходима для отображения нижней части div.

A2. Пробел над div является верхним полем элемента p.

0
ответ дан 13 December 2019 в 05:33
поделиться