当前位置：首页 → 问答吧 → 请教两个文件内容相同为什么显示不一样

请教两个文件内容相同为什么显示不一样

时间：2011-08-04

来源：互联网

请教两个文件内容相同为什么显示不一样
这里面的源码都基本上一样呀，怎么就是显示不一样呢，怎么有那么大的空隙！！！
还请大家来帮忙一下！
下面是运行正常的页面演示效果

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="X-UA-Compatible" content="IE=7"> <title>为什么下面的空隙这么正常！</title> <style> @charset "gb2312"; body{background:#FBF4D8;font-size:15px;margin:0;padding:0;} div{width:800px;border:2px #D0C6AE solid;margin:1.5em auto;border-radius:12px;box-shadow: 12px 12px 12px #ccc;} dl{width:760px;margin:auto;} dt{font-size:25px;font-weight:bold;text-align:center;padding-top:36px;} dd{text-align:right;} p{width:760px;margin:1em auto;text-indent:2em;} #top{width:100%;margin:0;border:none;box-shadow:none;} .rr{text-align:right;} </style> </head> <body> <div id="top"> <dl> <dt>标题</dt> <dd>内容</dd> </dl> <div> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p class="rr">时间</p> <p><em>·为什么下面的空隙这么正常·</em></p> </div> </div> <div> <p>内容内容</p> <p class="rr">时间和秒</p> </div> <div> <p>内容内容</p> <p class="rr">时间和秒</p> </div> </body> </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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="X-UA-Compatible" content="IE=7"> <title>为什么下面的空隙这么大呢！</title> <style> @charset "gb2312"; body{background:#FBF4D8;font-size:15px;margin:0;padding:0;} div{width:800px;border:2px #D0C6AE solid;margin:1.5em auto;border-radius:12px;box-shadow: 12px 12px 12px #ccc;} dl{width:760px;margin:auto;} dt{font-size:25px;font-weight:bold;text-align:center;padding-top:36px;} dd{text-align:right;} p{width:760px;margin:1em auto;text-indent:2em;} #top{width:100%;margin:0;border:none;box-shadow:none;} .rr{text-align:right;} </style> </head> <body> <div id="top"> <dl> <dt>标题</dt> <dd>内容</dd> </dl> <div> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p class="rr">时间</p> <p><em>·为什么下面的空隙这么大呢·</em></p> </div> </div> <div> <p>内容内容</p> <p class="rr">时间和秒</p> </div> <div> <p>内容内容</p> <p class="rr">时间和秒</p> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: kkfgef 发布时间: 2011-08-04

有没有看到这个乱码？

<p><em>·为什么下面的空隙这么大呢·</em></p> </div> </div> <div>
提示：您可以先修改部分代码再运行

作者: alphat 发布时间: 2011-08-04