5

为什么这段代码会在 google chrome 的页面顶部留下一条白条？

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>title goes here</title>
</head>

<body style="margin:0px 0px 0px 0px;padding:0px 0px 0px 0px">
<form id="form1" runat="server" style="padding:0px 0px 0px 0px;margin:0px 0px 0px 0px">
        <div style="background-color: blue;">
            <p>&nbsp</p>
        </div>
    </form>
    <p>&nbsp;</p>
</body>
</html>
4

4 回答 4

8

p-tag 有一个影响其父级的边距。

添加overflow: auto;到具有背景的 div 中。这可以防止边距崩溃

于 2013-10-03T17:26:28.487 回答
1

交给DIVmargin:0; padding:0;内部<p>。

于 2013-10-03T17:23:54.150 回答
0

尝试将margin:0;and添加padding=0;到html元素中。

此外，这有点牵强，但我遇到了 php 文件的类似问题，其中使用BOM 的 utf-8 编码文件会在其他所有内容之前创建一个空行。

于 2013-10-03T17:22:28.083 回答
0

白线来自 p 标签创建的换行符留下的空白。只需删除 p 标签，它就会消失。

    <div style="background-color: blue;">
           &nbsp
    </div>
于 2013-10-03T17:30:17.057 回答