7

我有一个页面，其样式在 Chrome 中被弄乱了（对于 Safari 和其他人来说没问题）。它似乎出于某种原因在 HTML 中插入了一些奇怪的空白，破坏了我在页面顶部和其他地方的布局。如果我选择查看我的 PHP 页面的源代码，我看到的是：

<body><div id="header-outer">
<div id="header" class="container">
    <div class="row">
        <div id="site-logo" class="span5">
            <img src='logo.png' />
        </div> ... etc ...

（我已经修改了 PHP 在 BODY 和 DIV 之间没有任何空间）。但是当我打开开发者工具时，我看到的是：

<body>
    "" <- why?
    <div id="header-outer> etc. etc..

如果我手动删除“”，布局就好了。这里发生了什么？我很困惑。

编辑：您可以在http://bit.ly/ZkZxVG查看页面 编辑：我尝试禁用所有扩展，但对我的问题没有影响。

提示：我正在使用引导程序和 JQuery。他们会弄乱代码吗？

4

2 回答 2

4

这真的很奇怪，您的文件中可能有一些不需要的字符，请尝试删除<body><div id="header-outer">并重写它。

尝试使用 utf8 No BOM 对文件进行编码，看看是否能解决问题。

更多关于 utf8 BOM 的信息在这里。

于 2013-03-08T09:56:01.683 回答
1

编辑

那不是空白，它们必须是那里的物理宪章。这可能不会显示在您的屏幕上，但只需按删除和退格键，直到您的标记中有下一个元素。

HTML中的空白被浏览器完全忽略，它不会呈现它。"&#65279;"查看您在编辑项目时呈现的 Firebug 。

于 2013-03-08T09:55:06.257 回答