Html 保险商实验室与div之间有一定的差额

我在一个div中写了一个url，但是为什么url正好位于div的右边

我的代码如下：

#横幅{
高度：30px；
宽度：750px；
保证金：0自动；
背景颜色：海蓝宝石；
}
#横幅ul{
列表样式：无；
高度：30px；
}
#班纳乌尔利{
浮动：左；
}

标题

家
链接
产品
电话
猫
关于

您看到的是：

---

它是长方体模型的视觉表示，Safari将在样式检查器中显示这一点。在显示CSS信息时，我发现Chrome更清晰一些。

您看到的是：

---

它是长方体模型的视觉表示，Safari将在样式检查器中显示这一点。我发现Chrome在显示CSS信息时更清晰一些。

正如Toby所提到的，橙色是浏览器，显示所选元素周围的边距，绿色是填充

它之所以存在，是因为浏览器向html添加了默认样式。这样考虑一下，当您添加

并在浏览器中查看它时，它显示为比

大，并且比段落标记大-即使您没有添加样式表。这是因为浏览器在默认情况下添加了此选项

所有种类的元素都会发生同样的情况，在本例中，您会看到它以无序列表的形式出现。浏览器在

的顶部和底部添加了一些边距，并在左侧添加了一些填充

如果这不是您想要的，您可以在您自己的样式中覆盖它，在您已经拥有该元素样式的相同位置：

#banner ul{
  list-style: none;
  height:30px;
  margin: 0; // removes the default margin
  padding: 0; // removes the default padding
}

---

如果您想删除所有浏览器的默认样式，因为您需要一个新的板岩，您可以添加一个“css重置”。一个流行的是埃里克·迈尔斯的作品。有时这是不必要的，因为这意味着，在这种情况下，如果您只是想要一个常规的有序列表，您必须添加

列表样式

。

正如托比提到的，橙色是浏览器，显示您所选元素周围的空白，绿色是填充

它之所以存在，是因为浏览器向html添加了默认样式。这样考虑一下，当您添加

并在浏览器中查看它时，它显示为比

大，并且比段落标记大-即使您没有添加样式表。这是因为浏览器在默认情况下添加了此选项

所有种类的元素都会发生同样的情况，在本例中，您会看到它以无序列表的形式出现。浏览器在

的顶部和底部添加了一些边距，并在左侧添加了一些填充

如果这不是您想要的，您可以在您自己的样式中覆盖它，在您已经拥有该元素样式的相同位置：

#banner ul{
  list-style: none;
  height:30px;
  margin: 0; // removes the default margin
  padding: 0; // removes the default padding
}

---

如果您想删除所有浏览器的默认样式，因为您需要一个新的板岩，您可以添加一个“css重置”。一个流行的是埃里克·迈尔斯的作品。有时这是不必要的，因为这意味着，在本例中，如果您只是想要一个常规的有序列表，则必须重新添加

列表样式。
绿色是默认的填充。如果要删除该绿色，请添加
填充：0至
#横幅ul

您的代码可能类似于：

#banner ul{
填充：0；
列表样式：无；
高度：30px；
}
绿色是默认的填充色。如果要删除该绿色，请添加
填充：0至
#横幅ul

您的代码可能类似于：

#banner ul{
填充：0；
列表样式：无；
高度：30px；
}
橙色：您在#banner ul中配置的30px

边距：这是标准的ul填充。如果要将其删除，请编辑为：

#banner ul{

    list-style: none;
    height:30px;
    padding-left:0px;
}

橙色：您在#banner ul中配置的30px

边距：这是标准的ul填充。如果要将其删除，请编辑为：

#banner ul{

    list-style: none;
    height:30px;
    padding-left:0px;
}

绿色是ul的默认填充，橙色是ul上的默认边距。绿色是ul的默认填充，橙色是ul上的默认边距。