在css中使用浮点时意外的10px边距

我在CSS中使用属性“float”时遇到了问题。 页面顶部出现10px的边距。 如何修复它

另外，将空div添加到id为=“background1”的父div中不起作用 我也读了这篇文章，但不知道如何应用这些技术来清除浮动

正文{
保证金：0；
填充：0；
字体系列：无衬线；
}
#背景1{
背景#F6F7FB；
宽度：100%；
高度：527px；
填充：0；
位置：相对位置；
}
/*标题菜单*/
#背景1李{
列表样式类型：无；
显示：内联；
}
#背景1李娜{
字体系列：HalisGR介质；
字体大小：20px；
颜色：#3b3b；
文字装饰：无；
浮动：对；
左边距：52px；
利润上限：24px；
}
#导航菜单{
右边距：72px；
}
/*标题菜单结束*/

文件

这不是因为浮动的子项。只需应用

margin:0至
ul
。
页边距顶部
是折叠并显示在父级外部的内容


正文{
保证金：0；
填充：0；
字体系列：无衬线；
}
#背景1{
背景#F6F7FB；
宽度：100%；
高度：527px；
填充：0；
位置：相对位置；
}
/*标题菜单*/
#背景1李{
列表样式类型：无；
显示：内联；
}
#背景1李娜{
字体系列：HalisGR介质；
字体大小：20px；
颜色：#3b3b；
文字装饰：无；
浮动：对；
左边距：52px；
利润上限：24px；
}
#导航菜单{
右边距：72px；
}
#导航菜单{
保证金：0；
}
/*标题菜单结束*/

文件





谢谢！！看起来很简单，我自己都不明白。但为什么它的保证金默认有这个值？@dimakonenko没问题。这样，您就不必为元素编写CSS，使其具有看起来像样的默认样式。就像
ul
一样，它有默认的左填充，因此列表是缩进的
p
和标题（
h1
，
h2
等）具有默认的边距，
h1
，
h2
等具有更大的字体大小，因此您可以只编写HTML，页面将以可读的预期格式布局。这也是为什么，如果你做了大量的CSS工作，你应该查看normalize.CSS或reset stylesheet来删除所有这些东西，这样这些东西就不会让你感到惊讶，也不会影响你的布局。