Удаление пустого пространства внизу страницы

Первоначально у меня было фоновое изображение, которое отображалось как градиентный фон. Желая иметь сплошной черный фон, я удалил ссылку на фоновое изображение/повторить x. Результат — большое пустое пространство внизу страницы. Я искал довольно много ответов на эту распространенную проблему, но ни один из них не помог мне понять это.

Это сайт .php, поэтому, если есть html .div, я не могу его найти, но в таблице стилей css он просто читается как #top-bg с фоном: #000000

Я попытался добавить высоту: 100%; не уверен, где настроить поля, как это рекомендуется некоторыми сайтами. Любая помощь будет принята с благодарностью!


html css removing-whitespace
person user1584161    schedule 08.08.2012    source источник
comment
Какой-то пример кода и/или демонстрация где-нибудь были бы хороши.   -  person Robin Maben    schedule 08.08.2012

Ответы (4)


arrow_upward
0
arrow_downward

для начала вы думаете удалить отступы и поля браузера по умолчанию?

html{
    margin: 0;
    padding: 0;
}

Кроме того, где определить свой фон?

  • в вашем первом div?
  • в твоем теле?
  • в вашем HTML?

для лучшего фон был определен в вашем теге body :

body{
    background-color: #FCC; /* for test */
}

Если у вас нет отступов, нет полей, этот код работает для вас...

person Doc Roms    schedule 08.08.2012

arrow_upward
0
arrow_downward

Попробуй это

body, html {

background:#000;
height:100%;
padding:0;
margin:0


}
person Carlos    schedule 08.08.2012
comment
Выше top-bg было 2 отдельных раздела. Один с именем html, а другой body. У обоих уже был магин 0 и отступ 0, поэтому я добавил фон и высоту, как вы предложили выше, и это сработало! Большое спасибо! - person user1584161; 08.08.2012
comment
Рад, что смог помочь, body и html по умолчанию имеют высоту 100%, которую нам нужно установить. Также, пожалуйста, отметьте мой ответ как правильный ответ :) - person Carlos; 08.08.2012

arrow_upward
0
arrow_downward 

html {
  background:#000;
}

Мне этого было достаточно, чтобы убрать пробел.

person Rohan Rawat    schedule 29.04.2020

arrow_upward

arrow_downward

person    schedule
comment
Спасибо, это важно, и меня побудило сделать это как сброс CSS на *! - person samuraiseoul; 24.03.2017