Javascript CSS内容和菜单定位

我试图让JS导航按钮与全宽背景/框对齐，这样按钮就不会只是浮动。当我尝试在CSS中设置这个时，我发现按钮与这个背景/框/容器不一致。他们坐在它上面。我试过改变页边空白等，但没有成功

我不确定该问题是否相关，但我发现无法将导航栏直接定位在徽标容器/标题下方。它被推动，所以它是一个150px左右低于标志之间有一个很大的差距

最后，主体内容区域不会延伸到左侧的宽度。我已经使用边距对右侧进行了排序，但是左侧无法消除间隙

在此方面的任何帮助都将不胜感激。

document.getElementById（“nav01”）.innerHTML=
“
”+
“
”+
“
”+
“
”+
“
”+
“
”+
“
”+
“
”+
“
”；
document.getElementById（“foot01”）.innerHTML=
“©；lumi”+新日期（）。getFullYear（）+“保留所有权利。
”
/*检查如何编辑导航主背景色*/
#容器{
位置：绝对位置；
顶部：0px；
左：0px；
背景色：#73008C；
背景图片：url（“banner.jpg”）；
背景大小：100%；
宽度：100%；
高度：800px；
内容：60px填充：5px；
边界：5px#73008C；
左边距：0px；
右边距：0px；
z指数：-2；
}
#标题{
位置：绝对位置；
不透明度：0.6；
背景色：#ffffff；
宽度：100%；
高度：90px；
保证金：自动；
z指数：-1；
}
#标志{
位置：中上；
保证金：0；
z指数：2；
}
菜单{
宽度：100%；
高度：50px；
填充：0px；
边界：0px；
边框颜色：#374754；
边际上限：0px；
右边距：0px；
左边距：0px；
边缘底部：0px；
}
菜单{
位置：相对位置；
背景色：#374754；
填充：0；
利润上限：70像素；
右边距：0px；
左边距：0px；
边缘底部：0px；
}
ul#菜单li{
显示：内联；
右边距：5px；
}
菜单a{
背景色：#374754；
填充：10px 10px；
文字装饰：无；
颜色：#ffffff；
边界半径：4px4px4px4px；
}
菜单李a：悬停{
颜色：白色；
字体风格：粗体；
背景色：#d83030；
}
身体{
字体系列：“Helvetica”，Verdana，无衬线；
字体大小：12px；
背景色：#ffffff；
颜色：#ffffff；
文本对齐：居中；
填充：0px；
}
#主要{
位置：绝对位置；
顶部：600px；
填充：10px；
左侧填充：200px；
右边填充：200px；
背景色：#d83030；
背景位置：上中；
保证金：自动；
}
#h1{
文本阴影：5px 5px 5px##374754；
字体系列：Helvetica，无衬线；
颜色：#ffffff；
文本对齐：居中；
字体大小：24px；
}
#页脚{
位置：相对位置；
颜色：#ffffff；
边缘底部：0px；
}

乱数假文
欢迎来到洛雷姆
Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦特斯克酒后驾车，阿利奎姆·非拍卖人埃吉特，马克西姆·欧·利古拉。Ut sed iaculis elit，ac pharetra sem。Nam ipsum sem，特卢斯福西布斯生命科学院。毛里斯·阿利奎姆、卢克图斯·维库拉、维利特·阿库斯·努克、欧盟的蜗壳直径和厄洛斯。前庭，我是特里斯蒂克，温文尔雅的爱神坐在阿梅特，波尔蒂托·乌纳。我们的车辆是一种发酵的菱形菌。悬钩子无直径，无直径，无直径。
内容

内容

更多内容

数据（更多内容）

这个问题真的很不清楚，对这个问题来说很陌生。好吧，忽略一切，只看导航。按钮当前位于方框上方。如果您遵循，按钮应该是什么？因此，这是一个水平导航，而不是仅仅让圆角矩形按钮浮动，我希望他们在一个框中，拉伸页面的宽度。我不能让他们坐在这样的盒子里。他们要么坐在上面，要么在另一种情况下，当我让他们最终排成一行时，这个框让我们更多地看到按钮后面的一条细线。尽可能简洁地说，问题出在哪里，你想做什么？另外，如果这是一个CSS问题，你不应该在itI中使用javascript道歉。我这样做基本上是为了教自己一些编码。所以最初我使用的是W3C网站。在那里，他们似乎使用JS作为菜单，但我认为应该是CSS。我不确定JS的作用是什么。-我将添加我的意思的屏幕截图