Question

我有一个非常简单的脚本。

的index.html

<!Doctype html>
<html>
    <title>Homepage</title>
    <head>
        <style>
            #topBlackBar {
                border-top: 50px solid #000;
            }
        </style>
    </head>
    <body>
        <div id="topBlackBar"/>
    </body>
</html>

我没有为我的页面完成其余的样式，但我确实有一个黑色顶部栏。问题是工具栏和黑色顶栏之间有一点空白。

这是一个例子

如何更改脚本以删除空格。

Answer 1

默认情况下，页面正文通常会为其分配边距和/或填充。您可以通过添加此CSS样式来解决此特定问题：

body {
    margin:0;
}

我建议您也为页面添加CSS重置。 Here is the one that I usually use，这将重置所有默认值，以便您的样式实际显示为已定义。

Answer 2

重置body元素默认的填充/边距：

body{margin:0;padding:0;}

Answer 3

<div id="topBlackBar"/>应为：<div id="topBlackBar">content</div> p.s.你的脚本样本在哪里？

Answer 4

您还可以添加#topBlackBar {border：0px;填充：0px;这样你的图像周围没有任何额外的空间。

Answer 5

在你的css中添加这个

body{margin:0;padding:0;}

Css黑色酒吧空间

5 个答案: