CSS页面标题居中宽度问题求助：h1无法占满父容器宽度

你的核心问题是：.ast-archive-description作为标题的父容器，被上层主题默认容器限制了宽度，导致即使设置width:100%也无法占满浏览器宽度，进而标题也没法撑满全屏。

直接修改CSS如下：

/* 解除上层容器的宽度限制 */
.archive-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

.ast-archive-description {
    background: #000000 !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

.ast-archive-title {
    text-align: center !important;
    color: #FFCC00 !important;
    width: 100% !important;
    margin: 0 !important;
}

关键说明： #

• 主题自带的.archive-header容器默认设置了max-width和左右内边距，用来约束内容宽度，这是你之前设置无效的核心原因，必须先解除这个限制。
• 给.ast-archive-description和标题加上margin:0，可以消除默认的外边距，让黑色背景完全贴合标题，没有多余留白。

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