1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

奇怪的空白问题

本帖由 Ulysses2009-08-27 发布。版面名称:谈天说地

  1. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    遇到一个很奇怪的现象,就是网页中莫名其妙出现空白的一行。

    例如这个 www.gz99.com 的头部和底部部分,都有一行空白的,约 16px 高。查看源代码,结构是没有任何问题,而且用 Firebug 来调试,空白部分似乎不属于任何元素。

    而且 Firebug 上显示的代码结构,空白处,也显示为一空白的行,这是怎么回事呢?

    大家是否也有遇到过,指点一下?
     
  2. laogui

    laogui Administrator
    管理成员

    注册:
    2005-08-30
    帖子:
    15,216
    赞:
    35
    IE问题,有时候得把源代码里面的换行也合并才行。
     
  3. fen

    fen New Member

    注册:
    2005-12-18
    帖子:
    3,050
    赞:
    25
    神奇的空白
     
  4. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    同样一份程序,两个站点,一个出现空白,一个没有空白……

    而且这空白各款浏览器下都有。
     
  5. 风狼

    风狼 New Member

    注册:
    2005-10-01
    帖子:
    7,452
    赞:
    25
    环境问题?
     
  6. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    同一台服务器上的两个同样程序搭建的网站。
     
  7. bootini

    bootini Active Member

    注册:
    2008-11-01
    帖子:
    2,084
    赞:
    1
    先调试的那个程序出现了空白,还是后来调试的那个出现了?
     
  8. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    一个先更新 ,正常,一个后更新不正常,先更新的又更新过一次,依然正常。
     
  9. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    显示正常的部分代码:

    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="x-ua-compatible" content="ie=7" />
    <title>首頁</title>
    <script language="javascript" type="text/javascript" src="source/script_cookie.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_common.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_menu.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_ajax.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_face.js"></script>
    
    <script language="javascript" type="text/javascript" src="source/script_manage.js"></script>
    <style type="text/css">
    @import url(template/default/style.css);
    </style>
    <link rel="shortcut icon" href="image/favicon.ico" />
    <link rel="edituri" type="application/rsd+xml" title="rsd" href="xmlrpc.php?rsd=2" />
    </head>
    <body>
    <div id="append_parent"></div>
    <div id="ajaxwaitid"></div>
    <div id="header">
    <div class="headerwarp">
    
    显示不正常的部分代码:

    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="x-ua-compatible" content="ie=7" />
    <title>首頁</title>
    <script language="javascript" type="text/javascript" src="source/script_cookie.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_common.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_menu.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_ajax.js"></script>
    
    <script language="javascript" type="text/javascript" src="source/script_face.js"></script>
    <script language="javascript" type="text/javascript" src="source/script_manage.js"></script>
    <style type="text/css">
    @import url(template/default/style.css);
    </style>
    <link rel="shortcut icon" href="image/favicon.ico" />
    <link rel="edituri" type="application/rsd+xml" title="rsd" href="xmlrpc.php?rsd=2" />
    </head>
    <body>
    <div id="append_parent"></div>
    <div id="ajaxwaitid"></div>
    <div id="header">
    <div class="headerwarp">
    
     
  10. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    在 Firebug 下呈现的效果

    正常

    code_y.png

    不正常

    code_n.png

    可以看到不正常的页面中,</head> 在 Firebug 中显示的是提前结束了,而且 <body> 后有一空白行,正好对应页面上显示的空白行。
     
  11. 西子宜

    西子宜 Well-Known Member

    注册:
    2005-09-05
    帖子:
    15,739
    赞:
    62
    这个我之前不是说过么。。。。。不了了之。。。
     
  12. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    ???
     
  13. bootini

    bootini Active Member

    注册:
    2008-11-01
    帖子:
    2,084
    赞:
    1
    费解,费解。
     
  14. 风狼

    风狼 New Member

    注册:
    2005-10-01
    帖子:
    7,452
    赞:
    25
    建议尝试把代码中的空白地段。回车地段连接起来看看。是不是有全角的空格在做怪
     
  15. 西子宜

    西子宜 Well-Known Member

    注册:
    2005-09-05
    帖子:
    15,739
    赞:
    62
    我之前也说过这个问题。。就是平白无故的高度问题。。。之前就没人知道什么原因。。。
     
  16. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    我原本也怀疑这个,但是同样的代码,相应部分都没有修改,怎么会如此?

    查看了代码,确认没有多余的空格。