Chrome会随机插入空格

Cra*_*nio 7 html css html5 google-chrome cross-browser

我有一个页面,其样式在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 ...
Run Code Online (Sandbox Code Playgroud)

(我修改了PHP,在BODY和DIV之间没有任何空间).但是,当我打开开发人员工具时,我看到的是:

<body>
    "" <- why?
    <div id="header-outer> etc. etc..
Run Code Online (Sandbox Code Playgroud)

如果我手动删除"",布局就可以了.这里发生了什么?我很困惑.

编辑:你可以在http://bit.ly/ZkZxVG 编辑页面看到:我试图禁用所有扩展,但对我的问题没有影响.

提示:我正在使用bootstrap和JQuery.他们可以搞乱代码吗?

soy*_*uka 4

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

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

有关 utf8 BOM 的更多信息请参见此处