Html 谷歌导航栏赢得'；这宽度不合适

我试图重新创建www.google.com页面来学习css，但我无法让导航栏在页面上伸展，即使我尝试使用

宽度：100%

。ul元素和body元素上的

margin:0

（它对body元素没有影响，所以我从那里删除了它）

我也尝试过使用

position:absolute;
left:0;
right:0;

在我的

#标题中

id，但这也不起作用

您可以在下图中看到，导航栏没有跨越页面的整个宽度。如果无法正确查看图像，可以通过下面显示的链接查看图像

我确信这与我定位元素的方式有关，因为当我将鼠标悬停在我的个人资料图片或设置图标上时，它不适合整个块的宽度，并超出了栏

您可以使用下面的链接在线查看页面

正文{
边际：0px；
}
.谷歌搜索{
宽度：300px；
左边距：自动；
右边距：自动；
}
#标志{
宽度：272px；
高度：92px；
利润上限：200px；
边缘底部：20px；
}
.搜索{
宽度：535px；
高度：40px；
字体大小：16px；
左侧填充：4px；
保证金：自动；
背景：url数据：数据：图像/png；Bas64，这项研究是一个由一个联合联合联合联合联合联合联合联合联合联合联合联合联合联合研究所（数据：数据：数据：图像/png；基础64，基础64，这项研究是一个由一个联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合研究所的一个联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合会的一一一一一一个联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合联合2.在过去的一段时间里，一个新的研究发现了一个新的研究成果，一个新的研究成果，一个新的研究成果，一个新的研究成果，一个新的研究成果，一个新的研究成果，一个新的研究，一个新的研究，一个新的研究，一个新的研究，一个新的研究成果，一个新的研究成果，一个新的研究成果，一个新的研究，新的研究，新的一个新的研究成果，新的数据，新的数据，新的数据，新的数据，新的研究，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的数据，新的，新的数据，新的数据，新的数据，新的，XAJPJMR0C9YFG54I7ASCLRmh9/XNR0NHCINZZSTK2ALWACGMAD9PPIAZVFKVDD5RDHJEHLX5RTYRPQHPZ5O66EMMC9WDLPTVA8WF7AQ2BUH1525QEO5JTr1WeoxPicko9CJIPYUD6XJMHYIZ5YT5YTWL3MLNUOAF+2ZDALXMJRSGZ/MYVEugo+gSh+FKSBA4YD5YD5D8W87D5PFL/AyiezyJKAU8WQSHU2CR13PBG4GJ0QOD97N465ZYVc5G9YVc5YVc5YVc5YVc5YVc5YVc5YVc5YVc5Y5Y5YVc5Y5Y5Y5Y5Y5Y5YV5Y5Y5YVc5Y5Y5YVc5YV5Y；
背景尺寸：自动22px；
左边距：-100px；
/*风格*/
边框顶部：1px实心#DCDC；
右边框：1px实心#DCDC；
边框底部：1px实心#DCDC；
左边框：1px实心#DCDC；
}
钮扣{
边缘顶部：30px；
保证金权利：4px；
右边填充：16px；
左侧填充：16px；
高度：40px；
文本对齐：居中；
/*风格*/
背景色：#F2F2；
边框：1px实心#F2F2；
边界半径：2px；
颜色：#7575；
字体大小：13px；
字体大小：粗体；
字体系列：arial，无衬线；
}
按钮：悬停{
颜色：#222；
背景色：#F8；
边框：1px实心#C6；
长方体阴影：0 1px 1px rgba（0,0,0,0.1）；
}
#幸运按钮{
左边距：4倍；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
李{
浮动：左；
}
a:悬停{
颜色：#222；
背景色：#666666；
长方体阴影：0 1px 1px rgba（0,0,0,0.1）；
}
答：林克，
a:参观了{
颜色：#ccc；
显示：块；
垫面：4px；
左侧填充：8px；
垫底：4px；
文字装饰：无；
文本对齐：居中；
}
#标题{
背景色：#2d；
宽度：100%；
高度：30px；
}
#导航栏{
利润上限：-10px；
左边距：-10px；
}
#我{
浮动：对；
利润上限：-24px；
边缘底部：5px；
}
#页脚{
底部：-150px；
背景色：#F2F2；
高度：30px；
明确：两者皆有；
位置：相对位置；
}
#条件{
浮动：对；
利润上限：-24px；
边缘底部：5px；
}
/*页脚链接的字体颜色*/
.link:link，
.链接：已访问{
颜色：#777；
}
.link:悬停{
颜色：#777；
文字装饰：下划线；
垫面：4px；
左侧填充：8px；
垫底：4px；
背景色：#F2F2；
盒影：无；
}

谷歌
































谷歌搜索
手气不错

你的身体有一个默认的8px的边缘，make是0px

body {
   margin:0px;
}

en去掉现在元素的负数位置。您的#标题如下：

#header {
    background-color: #2d2d2d;
    width: 100%;
    height: 30px;
}

---

你的身体有一个默认的保证金8px，使是0px

body {
   margin:0px;
}

en去掉现在元素的负数位置。您的#标题如下：

#header {
    background-color: #2d2d2d;
    width: 100%;
    height: 30px;
}

---

你有没有试过这样放标题

#header {
/* top: -10px; */
left: -10px;
background-color: #2d2d2d;
width: 100%;
height: 30px;
position: relative;
padding-left: 18px;
}

---

你有没有试过这样放标题

#header {
/* top: -10px; */
left: -10px;
background-color: #2d2d2d;
width: 100%;
height: 30px;
position: relative;
padding-left: 18px;
}

谷歌
身体{
保证金：0；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
李{
浮动：左；
}
a:悬停{
颜色：#222；
背景色：#666666；
盒影：0 1px 1px rgba（0,0,0,0.1）；
}
a:链接，a:已访问{
颜色：#ccc；
显示：块；
垫面：4px；
左侧填充：8px；
垫底：4px；
文字装饰：无；
文本对齐：居中；
}
#标题{
顶部：-10px；
左：-10px；
背景色：#2d；
宽度：100%；
高度：30px；
}
#导航栏{
利润上限：-10px；
左边距：-10px；
}
#我{
浮动：对；
利润上限：-24px；
边缘底部：5px；