默认情况下,body和div中的padding,margin是有默认值的,所以在body元素中加上<body style="margin:0;">;这个,div中的内容就是置顶的了。
下面的是一段HTML的代码,里面有下载的功能
<!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="alternate" type="text/xml" href="/fswebservice/default.htm" />
<style type="text/css">
BODY { color: #000000; background-color: white; font-family: Verdana; margin-left: 0px; margin-top: 0px; }
#content { margin-left: 30px; font-size: .70em; padding-bottom: 2em; }
A:link { color: #336699; font-weight: bold; text-decoration: underline; }
A:visited { color: #6699cc; font-weight: bold; text-decoration: underline; }
A:active { color: #336699; font-weight: bold; text-decoration: underline; }
A:hover { color: cc3300; font-weight: bold; text-decoration: underline; }
P { color: #000000; margin-top: 0px; margin-bottom: 12px; font-family: Verdana; }
pre { background-color: #e5e5cc; padding: 5px; font-family: Courier New; font-size: x-small; margin-top: -5px; border: 1px #f0f0e0 solid; }
td { color: #000000; font-family: Verdana; font-size: .7em; }
h2 { font-size: 1.5em; font-weight: bold; margin-top: 25px; margin-bottom: 10px; border-top: 1px solid #003366; margin-left: -15px; color: #003366; }
h3 { font-size: 1.1em; color: #000000; margin-left: -15px; margin-top: 10px; margin-bottom: 10px; }
ul { margin-top: 10px; margin-left: 20px; }
ol { margin-top: 10px; margin-left: 20px; }
li { margin-top: 10px; color: #000000; }
font.value { color: darkblue; font: bold; }
font.key { color: darkgreen; font: bold; }
font.error { color: darkred; font: bold; }
.heading1 { color: #ffffff; font-family: Tahoma; font-size: 26px; font-weight: normal; background-color: #003366; margin-top: 0px; margin-bottom: 0px; margin-left: -30px; padding-top: 10px; padding-bottom: 3px; padding-left: 15px; width: 105%; }
.button { background-color: #dcdcdc; font-family: Verdana; font-size: 1em; border-top: #cccccc 1px solid; border-bottom: #666666 1px solid; border-left: #cccccc 1px solid; border-right: #666666 1px solid; }
.frmheader { color: #000000; background: #dcdcdc; font-family: Verdana; font-size: .7em; font-weight: normal; border-bottom: 1px solid #dcdcdc; padding-top: 2px; padding-bottom: 2px; }
.frmtext { font-family: Verdana; font-size: .7em; margin-top: 8px; margin-bottom: 0px; margin-left: 32px; }
.frmInput { font-family: Verdana; font-size: 1em; }
.intro { margin-left: -15px; }
</style>
<title>上海博司无线条码仓管系统 </title>
</head>
<body>
<div id="content">
<p class="heading1">
无线条码仓管系统</p>
<br />
<p class="intro">
应用程序列表, 您也可以访问 <a href="http://www.bessinfo.cn">公司网站</a>.
</p>
<ul>
<li><a href="client/CE.WlsClientCab.cab">无线PDA终端程序</a> <span>
<br />
下载安装用于PDA手持终端的仓管条码客户端程序。(OS: WINCE5.0/6.0) </span></li>
</ul>
<ul>
<li><a href="client/CE.WlsClientCab2.cab">测试PDA程序</a> <span>
<br />
用于测试时。(OS: WINCE5.0/6.0) </span></li>
</ul>
<ul>
<li><a href="client/DataWedge3.2.zip">PDA扫描驱动</a> <span>
<br />
1. 下载安装后在电脑上解压缩安装DataWedge
<br />
2. 再把PDA手持终端插入底座,点击Install DataWedge在PDA上面安装扫描驱动 </span></li>
<p>
</ul>
<ul>
<li><a href="client/DesktopClient.rar">桌面客户端</a> <span>
<br />
1. 下载后在电脑上解压缩
<br />
2. 再覆盖原有文件 </span></li>
</ul>
<ul>
<li><a>打印驱动更新2012-2-16</a> <span>
<br />
1. <a href="client/Update4usb.rar">USB</a>
<br />
2. <a href="client/Update4port.rar">Port</a> | <a href="client/Update4port(offset 1).rar">
Port(+1)</a>
<br />
3. <a href="client/PPLB.rar">PPLB (300,B)</a> </span></li>
</ul>
<ul>
<li><a>程序更新</a> <span>
<br />
<a href="client/LastUpdate.rar">1. 2012-2-29前</a> </span></li>
</ul>
<hr />
<!--<span>-->
<p class="intro">
For more details on XML namespaces, see the W3C recommendation on <a href="http://www.w3.org/TR/REC-xml-names/">
Namespaces in XML</a>.</p>
<p class="intro">
For more details on WSDL, see the <a href="http://www.w3.org/TR/wsdl">WSDL Specification</a>.</p>
<p class="intro">
For more details on URIs, see <a href="http://www.ietf.org/rfc/rfc2396.txt">RFC 2396</a>.</p>
<!--</span>-->
</div>
</body>
</html>