2014-10-31 2 views
1

У меня есть следующий образец HTML (см. Ниже), он должен просто покрыть всю страницу большим желтым div, заполняющим доступную область. Он отлично работает, когда в div нет большого количества контента, и страница покрыта желтым сверху вниз, но когда вы создаете вертикальную полосу прокрутки, заполняя div с загрузкой текста или другого содержимого, на нижней части появляется белый зазор , Кто-нибудь знает, почему это пробел появляется и как я могу избавиться от него, используя CSS или Javascript?Пробел, появляющийся внизу страницы, когда граница установлена ​​в 0

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

Я использую Firefox 32, который может помочь.

Благодарим за помощь.

<html> 
<head> 
<style> 
#f { 
    bottom: 0px; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    position: absolute; 
    display: block; 
    background: yellow; 
} 
</style> 
<body> 
<div id='f'> 
... lots of text here from ipsum ... 
</div> 
</body> 
</html> 

ответ

0

Используйте этот CSS работает

body{ 
     margin: 0 0 0 0; 
    } 
    #f { 

     height:auto; 
     right: 0px; 
     display: block; 
     position:absolute; 
     background: yellow; 
    } 

Снять нижнюю левую верхнюю и правую в #F ​​ и добавить маржу 0 0 0 0 в теле

0

Удалить «положение: абсолютное;». Это решает вашу проблему.

Смежные вопросы