Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 包含导航栏的标题上方、左侧和右侧的边距,尽管明确设置了边距:0_Html_Css - Fatal编程技术网

Html 包含导航栏的标题上方、左侧和右侧的边距,尽管明确设置了边距:0

Html 包含导航栏的标题上方、左侧和右侧的边距,尽管明确设置了边距:0,html,css,Html,Css,导航栏组件- 正文{ 边际上限:0; 填充:0; 字号:18px; } .集装箱{ 宽度:95%; 保证金:0自动; } 标题{ 边际上限:0; 背景:蓝色; 填充:1em; } a{ 颜色:白色; 文字装饰:无; } a、 标志{ 字体大小:粗体; } 导航{ 浮动:对; } 保险商实验室{ 列表样式类型:无; 保证金:0; 显示器:flex; } 李:悬停{ 滤光片:亮度(50%); } 李阿{ 填充:1em; } 我将正文的页边距top:0更改为页边距:0 我希望它能起作用 b

导航栏组件-

正文{
边际上限:0;
填充:0;
字号:18px;
}
.集装箱{
宽度:95%;
保证金:0自动;
}
标题{
边际上限:0;
背景:蓝色;
填充:1em;
}
a{
颜色:白色;
文字装饰:无;
}
a、 标志{
字体大小:粗体;
}
导航{
浮动:对;
}
保险商实验室{
列表样式类型:无;
保证金:0;
显示器:flex;
}
李:悬停{
滤光片:亮度(50%);
}
李阿{
填充:1em;
}


我将正文的页边距top:0更改为页边距:0

我希望它能起作用

body {
  margin: 0;
  padding:0;
  font-size: 18px;
}

在浏览器无法识别主体css(当然假设css中没有任何错误)并应用默认样式的情况下,为主体内联设置样式是一种解决方法。

从您问题中的更新中,您向我们展示了正在应用的css,如元素检查器中所示,我们可以看到你的CSS根本没有被浏览器接收

很难解释原因,但以下几点可以帮助您解决问题:

  • 如果它位于外部CSS文件中,请检查是否包含该文件
  • 检查
    正文的CSS中是否有打字错误
  • 检查
    正文
    CSS之前的任何CSS中是否存在键入错误或错位的
    }
    ——前面CSS中的错误可能会阻止应用该文件中的其他CSS
  • 尝试将CSS直接添加到样式标记中的HTML中,看看它是否在那里工作。。。如果是:
  • 尝试删除CSS并手动重新键入它-我偶尔会看到从internet或其他地方复制的代码可能有导致问题的隐藏字符

的四边都有边距。在上面给出的css中,我已将body的边距顶部设置为0,并且还尝试了边距:0,但似乎没有帮助。为什么您要回滚@j08691将代码添加到代码段的编辑?它仍然是你的代码,只是在一个可运行的格式,这样我们就可以看到它,而不必自己复制它进行测试-也就是说,我们更容易帮助你(这是我想你希望的!)。正如您在代码片段中所看到的(在整个页面中运行它以便查看),该代码中的
标题上方没有空格。如果它发生在您的项目中,那么其他的东西正在添加它。左边的空格与另一边的
边距有关,您没有将边距设置为
0
。正如您在代码段中看到的,您发布的代码没有在顶部添加空格,因此代码没有添加空格。如果你在那里看到了空间,那么它一定是别的东西。您是否检查了元素检查器以查看空格所在的元素?@alphason不应该发生这种情况。您能否向我们展示正在元素检查器中应用于
主体的css?您应该能够选择和复制,但如果没有,则在这种情况下可以使用图像(通常不允许使用代码图像,但这是为了说明,所以应该可以)。请显示面板中显示的所有css,而不仅仅是顶级css。这是问题的临时解决方法,但它不能确定真正的问题或提供解决方案。你在解决实际问题方面运气好吗?Stack Overflow是一个面向所有用户的问答库,因此实际的解决方案对站点更为有利-在大多数情况下,向元素添加在线样式不是一个可行的解决方案。