未修改代码却出现网站布局异常，寻求技术排查方案

我有一个包含多文件、本地图片及外部样式表的网页。今日如常通过Live Server启动Local Host，在Google Chrome 108.0.5359.99 (Official Build) (64-bit) (cohort: Stable)中打开页面时，发现网站布局异常，尤其体现在position、margin和padding属性相关的样式上。

具体异常点 #

• position: sticky在除index.html外的所有页面正常工作
• 修改styles.css中的margin、padding、position值无效果，但修改color等值可正常生效
• 网络面板显示styles.css的状态为200, ok

预期效果与参考资源 #

• 内容正常显示效果：
• 内容加载异常效果：
• 网站地址：creative-daffodil-2c8447.netlify.app
• 代码仓库地址：github.com/tech-world-code/website-test

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