出於某種原因,我的頁面底部有很多額外的空白區域,我似乎無法擺脫。我不能在空間內放置任何東西,也不能擺脫它。我做了一些研究,我有一個預感,它與我的圖像是position:relative
這一事實有關,但我仍然不完全確定。如果我需要擺脫position:relative
,有人請告訴我如何放置不使用position:absolute
或position:relative
的圖像嗎?頁面底部的額外空間
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="SDL.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Home</title>
</head>
<body>
<center>
<img src="img/SDL 4 Final Recompress.jpg" height="283" style="position: relative;"/>
<br/>
<hr width="500"/>
<img src="img/Studio-Light_sxu1.png" style="position: relative; top: -496px; left: 30px; z-index: 3; height: 200px;"/>
<img src="img/Studio-Light_sxu1 flipped.png" style="position: relative; top: -496px; left: 650px; z-index: 3; height: 200px;"/>
<embed
src="http://blip.tv/play/AwGUv2w"
type="application/x-shockwave-flash" width="669"
height="500" allowscriptaccess="always"
allowfullscreen="true" wmode="transparent" style="position:relative; z-index: 2; top:100px; left:-200px">
</embed>
<img src="img/Stage-Background.png" style="position: relative; z-index: 1; height: 680px; top:-500px"/>
</center>
<div id="nav">
<p>All Episodes</p>
<a>Contact</a>
<a>Facebook</a>
<a>Meet the Crew</a>
</div>
</body>
</html>
它適用於我,沒有額外的空白。你可以把你的代碼放在http://jsfiddle.net/? – AliBZ 2013-05-02 00:01:02