2015-05-05 2 views
0

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

<!DOCTYPE html> 
<html lang="en"> 

Когда эта страница отображается в Chrome [Версия 42.0.2311.135 м (до настоящего времени)], есть много белого пространства между моим контентом и нижним колонтитулом. Причина в том, что Chrome отображает эту страницу, начиная с этого. Я получил это при проверке через Firebug lite.

<html lang="en" debug="true" style="min-height: 667px;"> 

Когда эта страница отображается в Firefox [Версия 37.0.2 (до настоящего времени)], нет незаполненного пространства между моим содержанием и сноске. Это ожидаемый результат.

При осмотре через Firebug, я получил это,

<html lang="en" style="min-height: 280px;"> 

Вопрос: Почему отличается браузер настройки min-height автоматически по-разному для того же окна просмотра? как избавиться от него? Я имею в виду, что мне не нужно это 667px, так что это пустое пространство можно устранить.

+0

Вы можете поделиться ссылкой? –

ответ

0

Удалить все инлайн CSS (в style атрибута) о высоте - height и min-height и использовать маленький трюк в вашем CSS:

html, body { 
    min-height: 100%; 
    height: auto; 
} 
+0

Я сделал это изменение, но результат тот же. См.источник во время осмотра ' <стиль тип = "текст/CSS"> HTML, тело { мин -высота: 100%; высота: авто; } ' – spiderman

+0

Тело все еще имеет минимальную высоту как 667' ' – spiderman

+0

Я даже попытался явно установить стиль тела как этот' 'но все же значение перезаписывается во время выполнения. т.е.: ' ' – spiderman