时间戳

首页 > 解决方案 > 无法从导航栏中删除空格（左侧和右侧）

html - 无法从导航栏中删除空格（左侧和右侧）

问题描述

我对 HTML 编程很陌生。我正在使用博客创建我的第一个导航栏，但我无法删除博客设置的默认空白（左侧和右侧）。这是我的博客链接。我也确实使用了浏览器检查工具，但我找不到导致问题的原因。这是我的博主链接：https ://nainghtooaung2.blogspot.com/

我确实使用了 position:relative; 调整对齐方式。虽然代码将导航栏向左移动而没有任何空白，但它会在右侧创建更多空白。这意味着我使用的代码只是移动了导航栏的位置，但没有删除空白。

当我尝试使用位置：固定时，它会从导航栏中删除所有空白。但是我的导航栏与其他内容重叠。

.site-nav {
position:relative;
left:0;
width:100%
)

.site-nav {
position:fixed;
left:0;
width:100%
)

标签： htmlcssblogger

解决方案

将此类添加到您的 CSS 样式表中：

body { margin: 0; }

浏览器使用不同的值初始化 CSS 属性，您应该使用 normalize 或类似的库来重置所有这些值，然后您可以添加自己的自定义类。

推荐阅读