身體沒有覆蓋文件的高度

<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

來源

2013-12-13 bonaca

您應該添加

margin:0

身體CSS

來源

2013-12-13 16:29:05

這仍然留下形象下的巨大差距。 – j08691

Yuriu，請在發佈之前嘗試解決方案。它不起作用 – bonaca

Yup看到下面的滾動條。將繼續看 –

標準問題與絕對定位的元素。爲了確保周邊body元件具有正確的尺寸，你需要指定它：

body{ 
    height:100%; 
    background:yellow; 
    margin: 0; 
    min-height: 714px; /* height of image + top of image */ 
}

查看更新fiddle。

來源

2013-12-13 16:42:08 Arjan

阿爾詹，假設訪問者有一個顯示器720px高度。身體仍然沒有覆蓋整個可見文件！ – bonaca

在這種情況下，'height：100％'仍然應該讓身體有足夠的高度來覆蓋視口，所以背景是黃色的。 – Arjan

Arjan，但我不知道訪客顯示身高是什麼？所以，我應該寫：'身高：100％'或'最小高度：...'？我需要身體覆蓋每個顯示高度的文檔高度。 – bonaca

身體沒有覆蓋文件的高度

回答

相關問題