我的标题和下面的包装/容器的宽度

Question

我可以获得一些帮助，使我的全宽标题和顶部菜单的宽度与我的主包装/容器相同吗？

这是一张图片：http://soccer-mate.com/content/uploads/2017/07/IMG_1247.jpg

到目前为止，这就是我所拥有的自定义CSS：

/* Structure */
#wrapper{ 
    min-height: 100%; 
    position: relative; 
    padding: 0.5px 0 20px; 
}
#main{ 
    padding: 10px 10px 0; 
}

/* Header */
#header{ 
    min-width: 990px; 
    padding: 0; 
}
#branding{ 
    width: 980px; 
    margin: 0 auto; 
    padding: 0; 
}
.logo{ 
    max-width: 590px; 
    float: left; 
    padding: 30px 0 34px 10px;
}
.blog-name{
    margin: 0 0 3px; 
    line-height: 1em; 
    display: block; 
}
.blog-description{ 
    line-height: 1em; 
    display: block; 
    margin: 0; 
    padding: 3px 0 0; 
}
#top-menu, #nav{ 
    min-width: 990px; 
}
#top-menu-content, #nav-content{ 
    margin: 0 auto; width: 978px;
}

感谢。

Answer 1

像这样：

#wrapper                
{ width:100%;min-height: 100%; position: relative; padding: 0.5px 0 20px; }