2017-07-06 23 views
1

我可以在使我的全宽页眉和顶层菜单与我的主包装器/容器具有相同宽度时获得一些帮助吗?我的标题和下面的包装器/容器的宽度

这里有一个画面: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; 
} 

感谢。

回答

0

这样的:

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

这里是原来的CSS –

+0

#main { 宽度:960像素; margin:0 auto; position:relative;} #container { width:660px; float:left; } #content { margin:0; width:660px; 溢出:隐藏; } .main-aside { width:300px; float:right; 位置:相对; } #secondary {clear}:right; } #subsidiary { width:960px; margin:0 auto; 溢出:隐藏; } #subsidiary .aside { width:300px; float:left; margin:0 20px 0 0; } #subsidiary #third { margin:0; } #main .module,#main .single-post { \t margin-right:10px; } .fixed { \t width:960px; } –

+0

仍然没有运气.. –