代码没问题，但是没运营出结果，想要知道原因
代码是这样：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://wwww.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Javascript 回到顶部效果</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div>
<img src="2.jpg" width="1000" />
<style> .continer{max-width:500px;text-align:center;} <style/>
</div>
<a href="javascript:;" id="btn" title="返回顶部"></a>
</body>
</html>
样式是这样：
.continer{max-width:500px;text-align:center;}
#btn {width:100px; heiht:100px;position:fixed;z-index:100px;left:50%;bottom:100px;background:red;}
但是运行结果确没有出现悬浮的红色方框是怎么回事啊
