Jquery 我如何让我的标题是全宽的?每当我添加另一个菜单项时,它们都会隐藏起来。

Jquery 我如何让我的标题是全宽的?每当我添加另一个菜单项时,它们都会隐藏起来。,jquery,css,Jquery,Css,我如何让我的标题是全宽的?每当我添加另一个菜单项时,它们都会隐藏起来。我知道这是因为“溢出隐藏”,但当我删除它时,它不再与导航栏上的徽标对齐 header { <meta name="google-site-verification" content="BIpY241hd4nsx4Cs9aSUy2kMwYTtmWaaXF2wcVcrmcM" /> width: 200%; height: 130px; overflow: hidden; position: fixed; to

我如何让我的标题是全宽的?每当我添加另一个菜单项时,它们都会隐藏起来。我知道这是因为“溢出隐藏”,但当我删除它时,它不再与导航栏上的徽标对齐

    header {
<meta name="google-site-verification" content="BIpY241hd4nsx4Cs9aSUy2kMwYTtmWaaXF2wcVcrmcM" />
width: 200%;
height: 130px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s; 
          }
header.header-bg{
background:rgba(0,0,0,0.5);
}
header h1{
padding-top:25px;
}
header h1#logo {
display: inline-block;
height: 100%;
line-height: 120px;
float: left;
font-family: "Oswald", sans-serif;
font-size: 60px;
color: white;
font-weight: 400;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; 
}
header h1#logo .logo-2{
display:none;
}

header nav {
 float:right;
}
 header nav a{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; 
}
.center{
text-align:center;
}
header nav a:hover {
color: #555; 
}
header.smaller #mainmenu a{
padding: 18px 20px 18px 20px !important;
color:#333;
}
header.smaller {
height: auto;
background:rgba(255,255,255,0.90);
border-bottom:solid 1px #ddd; 
}
header.smaller h1{
padding-top:5px;
}
.logo-smaller h1#logo {
width: 150px;
height:60px;
line-height: 65px;
font-size: 30px;
}
.logo-smaller h1#logo img{
width:auto;
height:60px;
line-height: 75px;
font-size: 30px;
}
.logo-smaller  h1#logo .logo-1{
display:none;
}
.logo-smaller  h1#logo .logo-2{
display:inline-block;
}
header.fixed #mainmenu a{
padding: 18px 20px 18px 20px !important;
color:#333;

}
header.fixed {
height: 70px;
background:rgba(255,255,255,0.90);
border-bottom:solid 1px #ddd; 
}
header.fixed h1#logo {
width: 150px;
height:30px;
line-height: 65px;
font-size: 30px;
}
header.fixed h1#logo img{
width:auto;
height:30px;
line-height: 75px;
font-size: 30px;
}
header.fixed h1#logo img.logo-1{
display:none;
}
header.fixed h1#logo img.logo-2{
display:inline-block;
}
标题{
宽度:200%;
高度:130像素;
溢出:隐藏;
位置:固定;
排名:0;
左:0;
z指数:999;
-webkit过渡:高度0.3s;
-moz过渡:高度0.3s;
-ms转换:高度0.3s;
-o型过渡:高度0.3s;
过渡段:高度0.3s;
}
header.header-bg{
背景:rgba(0,0,0,0.5);
}
收割台h1{
填充顶部:25px;
}
标题h1#标志{
显示:内联块;
身高:100%;
线高:120px;
浮动:左;
字体系列:“奥斯瓦尔德”,无衬线;
字体大小:60px;
颜色:白色;
字体大小:400;
-webkit转换:所有0.3;
-moz转换:全部为0.3s;
-ms转换:均为0.3s;
-o-过渡:均为0.3s;
过渡:均为0.3秒;
}
标题h1#徽标。徽标-2{
显示:无;
}
标题导航{
浮动:对;
}
标题导航a{
-webkit转换:所有0.3;
-moz转换:全部为0.3s;
-ms转换:均为0.3s;
-o-过渡:均为0.3s;
过渡:均为0.3秒;
}
.中心{
文本对齐:居中;
}
标题导航a:悬停{
颜色:#555;
}
header.small#主菜单a{
填充:18px 20px 18px 20px!重要;
颜色:#333;
}
页眉,小一点{
高度:自动;
背景:rgba(255255,0.90);
边框底部:实心1px#ddd;
}
页眉.较小的h1{
垫面:5px;
}
.徽标较小的h1#徽标{
宽度:150px;
高度:60px;
线高:65px;
字体大小:30px;
}
.logo较小h1#logo img{
宽度:自动;
高度:60px;
线高:75px;
字体大小:30px;
}
.logo较小的h1#logo.logo-1{
显示:无;
}
.logo较小的h1#logo.logo-2{
显示:内联块;
}
header.fixed#主菜单a{
填充:18px 20px 18px 20px!重要;
颜色:#333;
}
标题。固定{
高度:70像素;
背景:rgba(255255,0.90);
边框底部:实心1px#ddd;
}
标题.固定h1#标志{
宽度:150px;
高度:30px;
线高:65px;
字体大小:30px;
}
标题.固定h1#标志img{
宽度:自动;
高度:30px;
线高:75px;
字体大小:30px;
}
收割台.固定h1#徽标img.logo-1{
显示:无;
}
收割台.固定h1#徽标img.logo-2{
显示:内联块;
}

嗯,HTML在哪里?提供HTML或链接可能会有帮助。请将meniu和徽标向左浮动。您能为我们提供HTML吗!!