Управление высотой с помощью CSS

Question

Я разрабатываю веб-сайт и на своей странице, после того как каждый элемент HTML заканчивается, это лишняя вертикальная высота, когда я прокручиваю вниз. Это делает мою страницу плохой. Я хочу, чтобы прокрутка дошла до последнего div, который я написал. Есть ли что-то, что я могу сделать, чтобы исправить?

Edit:

Вот ссылка http://pebam.info/projects/careermanipur.com/ Я попытался проверить с помощью Firebug, но я не могу понять это.

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

Answer 1

Тэг нижнего колонтитула имеет верх: -50px на нем. Это то место, где идет пустое пространство внизу. Коробка перемещается на 50 пикселей, но пространство для нее сохраняется.

Вам нужно переделать макет, чтобы удалить способ переноса всего на 50 пикселей.

Answer 2

Это может быть запас по умолчанию на тело тега, вы можете обнулить, что с этим стилем:

тела {поле: 0px; обивка: 0px; }

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

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

Так искать места, где у вас есть это:

<div> 
<a href="#foo">some random link</a> 
</div> 

и конвертировать (для целей идентификации проблемы, вы можете повторно формат/отступа позже, когда вы определить, где проблема):

<div><a href="#foo">somerandomlink</a></div> 

Также убедитесь, что вы не имеете никакого самозакрывающиеся дивы

Кроме того, то, что DOCTYPE вы используете?

Answer 3

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

<DOCTYPE html> Объявите вашу страницу с DOCTYPE

body {margin:0; padding:0;} Маржа Сброс/отступа на всех элементах

p {line-height:1.1em;} Замыкающий белое пространство может быть высота линии ваших элементов?

Если ни одно из этих предложений не работает, загрузите веб-браузер Mozilla Firefox, установите надстройку Firebug, откройте его на своей веб-странице и используйте функцию проверки элемента (ctrl + shift + c) для проверки элементов проблемы. Как только вы нажмете на элемент, вы можете просмотреть его стиль, макет и вычисленные значения из Firebug. Это почти гарантированно покажет вам, где ошибка.