CSS和HTML重疊的圖像創建負空間..如何刪除neg空間？

我創建了一個website ...並且我重疊了兩個圖像兩次。我現在在最後一張圖片和頁腳之間的網站上有負面空間。如何在不丟棄重疊圖像的情況下將其從網站中刪除？CSS和HTML重疊的圖像創建負空間..如何刪除neg空間？

2011-11-16 Redman76

不要在<div class="ontent box">的圖片上使用position:relative。瞭解爲什麼（位置部分）閱讀this article。與背景圖像和視頻使用的容器內 - http://jsfiddle.net/fliptheweb/y4Djx/

2011-11-16 08:47:39 fliptheweb

只想說謝謝@fliptheweb和其他人的幫助...我遵循你的建議，我看起來更好。它仍然有負面的空間，但它看起來比以前更好。 – Redman76

你已經宣佈你的文檔作爲嚴格的XHTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

，並有49個錯誤，一個警告。我建議你的文件validating，修復錯誤，然後看看是否解決了這個問題，如果不是再問一次:)

2011-11-16 08:48:07

你的問題是，你正在使用相對位置的很多元素。這並不會將它們從頁面流中移除，因此它們所用的空間仍然保留給它們。

要修復它，請創建一個div來包含每組重疊圖像，並相對定位div，但不要更改它的top：或bottom：值。然後絕對將重疊的圖像放在該div內。

2011-11-16 08:49:28 Helen

回答