这是最近发生的,我真的不知道是什么原因造成的。有些页面很好,所以我尝试将代码复制到那些受影响的文件,内容被下推,两个文件具有相同的代码,其中一个被下推。我想可能是文件格式问题,所以我尝试将编码更改为 UTF-8、UTF-8 without BOM、ANSI。使用 Notepad++ 、CodeIgniter、XAMPP 3.1.0.3.1.0。
这就是我的意思 http://i37.tinypic.com/2cletz.png
应该是这样的 http://i33.tinypic.com/2ypnpjp.png
在Chrome中检查元素时出现在引号中(可以通过点击删除节点来删除,它变得很好) http://i36.tinypic.com/30bhchz.png
在 IE 中查看源代码时显示为空格/制表符 http://i37.tinypic.com/2dj76fk.png
像这样一个简单的 HTML 代码可能会导致这个问题
<!DOCTYPE HTML >
<html>
<head>
<title></title>
</head>
<body link="#294052" vlink="#294052" alink="grey" font="verdana" style="width:1407px">
<div id="header" style="height:100px;width:1407px;background-color:#294052;">
<div id="img" style="float:left;">
<img src="/e-com/images/logo.jpg" style="margin-left:130%;" />
</div>
</div>
</body>
</html>
最佳答案
删除 html 标签之间的空格可能会解决您的问题。
其次,你有没有这样的CSS html,body { margin:0px;填充:0px
?这将删除页面周围的白色边框。
最后,您使用 Chrome
的示例在正文中声明了一个 title
标签,该标签不在代码中(注意:标题应该在 head
)。
关于html - 隐藏的空间/标签将内容向下推,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16148603/