<html>
<body>
<img id='imgTest' src='https://www.google.com/images/srpr/logo11w.png'>
</body>
</html>
CSS
html{
height:100%;
background:blue;
}
body{
height:100%;
background:yellow;
}
#imgTest{
position:absolute;
height:700px;
width:200px;
top:14px;
left:25px;
}
Мне нужно тело, чтобы покрыть всю высоту документа и держать imgTest
абсолютно позиционированным.
здесь FIDDLE
Стандартная проблема с абсолютно позиционируемыми элементами. Чтобы убедиться, что элемент окружающего body
имеет правильный размер, вам необходимо указать его:
body{
height:100%;
background:yellow;
margin: 0;
min-height: 714px; /* height of image + top of image */
}
Смотрите обновленную скрипку.
Вы должны добавить
margin:0
к телу CSS
height: 100%
прежнему должна давать телу достаточную высоту, чтобы закрыть порт просмотра, поэтому фон будет желтым.