Question

我尝试在网页顶部显示一个条形图，但条形图在页面的顶部，右侧和左侧显示大约5像素的空白处。图像是1黑线，我想从左到右重复它。我该如何解决？

       ul.postinge
       {
       width:auto;
       position:relative;
       margin:0cm 0cm 0cm 0 cm;
       display:block;
       height:105px;
       background:url(images/bar.jpg) repeat-x top left;
       }

由于

Answer 1

在某些浏览器中，body和/或html元素具有边距或填充。许多有经验的CSS开发人员使用CSS重置，但您应该只需要：

html, body
{
  margin: 0;
  padding: 0;
}

我通常不鼓励人们使用预先构建的CSS重置，因为我认为更好地理解正在设置的样式和原因。话虽这么说，重新使用核心样式表将样式重置为特定于站点的格式是一个好主意。

话虽如此，你可能会遇到：

*
{
  margin: 0;
  padding: 0;
}

在这种特定情况下哪些可能有所帮助，但是您可能会通过使用这种“简单”样式遇到涉及表单和表格的意外问题。

Answer 2

body { margin: 0; padding: 0; }

此外：

margin:0cm 0cm 0cm 0 cm;

我们真的以厘米为单位测量吗？
还注意到最后0后的额外空格

ul.postinge { width: auto; position: relative; margin: 0; padding: 0; display: block; height: 105px; background: url('images/bar.jpg') repeat-x top left; }

Answer 3

使用CSS重置，例如：http://developer.yahoo.com/yui/reset/

您需要重置正文标记：

body {margin:0;padding:0}

使用重置功能，您可以“标准化”列表的边距和填充，以及其他内容

Answer 4

与其他人一样，只有我添加的内容是list-style和border才是重置的其他好东西。通常，除非您明确指定，否则您永远不会想要它们

* { margin: 0; padding: 0; list-style: none; border: none; }

*的作用是什么，它是一个影响页面上所有元素的通配符。它也可以在更具体的情况下使用，例如：如果你有一个id为container的容器，你可以使其中的所有元素都有一个带有以下代码的红色边框：

#container * {
    border: 1px solid #F00;
}

Answer 5

在ur css中添加此样式

*{margin:0; padding:0;}

你必须这样做，因为每个元素都有默认的边距和填充。通过这样做，你可以将所有元素的默认填充和边距设置为零。

我怎样才能从css网站的精确顶部开始

5 个答案: