HTML/CSS导航栏无法水平铺满页面问题求助

问题描述 #

当前导航栏显示效果：

需要实现导航栏水平铺满整个页面宽度，尝试将grid-column改为1/3但未生效。

相关CSS代码片段：

background-color: rgba(26, 26, 26, 0.95);
grid-column: 1 / 2;
grid-row: 2 / 3;

解决方案 #

1. 修改网格列跨度：把grid-column: 1 / 2替换成grid-column: 1 / -1，这个写法能让元素自动跨满网格容器的所有列，不用固定列数，适配性更强。
2. 消除额外间距：检查导航栏是否有默认外边距，可添加margin: 0确保没有留白影响铺满效果。

修改后的CSS代码示例：

background-color: rgba(26, 26, 26, 0.95);
grid-column: 1 / -1;
grid-row: 2 / 3;
margin: 0;

内容的提问来源于stack exchange，提问作者arkzy