CSS Flexbox布局中无序列表与h1标签对齐偏移问题求助

• 所有主流浏览器都会给<ul>元素默认添加padding-left样式（通常默认值为40px），你仅配置了list-style-type: none移除列表标记，没有清除这个默认内边距，就会导致ul内的导航内容整体向右偏移，无法和上方h1对齐。

只需在你现有CSS的header nav ul规则中新增一行清除内边距的配置即可，修改后的代码如下：

header nav ul {
    list-style-type: none;
    padding: 0; /* 新增此行清除默认左内边距 */
    /* 如果还需要移除ul的默认上下外边距，可以额外加一行 margin: 0 */
}

修改后导航就会和h1完全居中对齐，内边距表现也会符合你的预期。

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