CSS: почему HTML, рост: 100% больше, чем 100%? - PullRequest
0 голосов
/ 19 декабря 2010

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

, поэтому я сделал простойHTML-код, без каких-либо дополнений, но он все еще более 100%, см. Здесь:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler">
    <head>
        <title>my title</title>
        <style type="text/css">
        html, body, #wrapper { height: 100%; }
        body > #wrapper { height: auto; min-height: 100%; }
        </style>
    </head>
    <body>
        <div id="wrapper">aa</div>
    </body>
</html>

Дело в том, что он прокручивается чуть больше, чем на 100%, то есть примерно на 5-10 пикселей больше ... этодействительно странно, как на IE, так и на Firefox !!

Заранее спасибо!

Ответы [ 4 ]

7 голосов
/ 19 декабря 2010

Это из-за полей по умолчанию body. Добавьте это к своим стилям:

body { margin: 0; padding: 0; }
1 голос
/ 22 декабря 2010

Чтобы обеспечить кросс-браузерную совместимость с моими сайтами, я всегда сам определяю поля тела. В этом случае: html, body {margin: 0 0 0 0; padding: 0 0 0 0; }
Я не осознавал, что у тела были свои предопределенные поля и отступы, пока я немного не изучил CSS.

0 голосов
/ 19 декабря 2010

У всех браузеров есть свои маленькие причуды, и они также по-разному отображают селекторы и атрибуты, поэтому ответ BoltClock заключается в том, чтобы убедиться, что все браузеры имеют дело с началом с нулевым полем и дополнением нулями.

Если вы выполните поиск для сброса CSS, вы найдете больше информации об этом.

0 голосов
/ 19 декабря 2010

Потому что padding и / или margin (в зависимости от браузера) отличны от нуля для html и / или body по умолчанию, а отступы и отступы вокруг высоты содержимого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...