Html 固定底部导航栏+；正在修复指向其他网页的链接

我想请您帮助我的底部导航栏和两个导航栏上的链接

我似乎不能让它出现在中间。使用填充可以修复它吗？我一直在尝试使用它，但我必须估计像素的数量

我的第二个问题是，我的底部导航栏没有正确的间距。我已经更改了字体大小，但它没有解决问题。现在，它看起来是这样的：“家，我们是谁，我们做什么……”

我的第三个问题是，我的一个链接似乎不起作用。这是我编的另一个网页的链接。我想我打对了，但不行

这是一把小提琴：

下面是代码：

html{
100%
}
身体{
背景:#cecdcc；
保证金：0；
填充：0；
颜色：#8c8b8a；
字号：18px；
字体系列：“Lato”，无衬线；
}
#包裹{
背景色：#fff；
宽度：1000px；
保证金：0自动；
}
#导航{
宽度：1000px；
高度：45px；
背景：#dcdbda；
字体系列：“Lato”；
字号：18px；
}
#导航ul{
填充：0；
保证金：0；
背景：#dcdbda；
浮动：左；
左边距：50像素；
}
#李海军{
高度：40px；
垫面：4px；
浮动：左；
位置：相对位置；
宽度：150px；
列表样式：无；
}
#导航a{
显示：块；
文字装饰：无；
文本对齐：居中；
颜色：#949392；
}
#导航ul{
位置：绝对位置；
左：0；
最高：100%；
可见性：隐藏；
保证金：0；
填充：0；
}
#导航李：悬停，#导航李：悬停李{
背景：#fff；
}
#导航李：悬停，#导航李：悬停李{
背景:#bbb ;；
}
#李海军：悬停{
能见度：可见；
}
#标题{
宽度：1000px；
身高：485px；
背景图片：url（../images/headerphoto.jpg）；
}
#内容{
背景色：#fff；
字体系列：“Lato”，无衬线；
颜色：#777674；
填充顶部：10px；
垫底：20px；
}
#含量h4{
左侧填充：150px；
右侧填充：150px；
字体系列：“Lato”，无衬线；
字体大小：20px；
文本转换：粗体；
}
#内容p{
左侧填充：150px；
右侧填充：150px；
字体系列：“Lato”，无衬线；
字号：18px；
文本转换：粗体；
}
#页脚{
背景图像：url（../images/footerphoto.jpg）；
宽度：1000px；
高度：255px；
}
#船底{
左侧填充：130像素；
宽度：1000px；
颜色：#fff；
字体大小：12px；
字体系列：“Lato”；
}
#肚脐{
填充：0；
保证金：0；
浮动：左；
左边距：20px；
右边距：20px；
}
#Navul li{
浮动：左；
位置：相对位置；
列表样式类型：无；
}
#navbottom li：悬停ul{
能见度：可见；
}
#海底{
显示：块；
文字装饰：无；
文本对齐：居中；
颜色：#fff；
}
#版权所有{
左侧填充：150px；
右侧填充：150px；
字体系列：“Lato”，无衬线；
字体大小：16px；
}

鲍尔斯与格兰特公司。








作为国家'；鲍尔斯是销售人员外包领域的先驱，鲍尔斯深知管理关键任务的复杂性，这些任务涉及到增加收入，以及在销售增长最小的情况下使公司免于昂贵的代理维护。


Powers and Grant Inc.目前负责和管理主要涉及房地产、消费者和服务业的各个行业的销售团队
制药和直销公司。


我们通过应用能力帮助公司提高竞争力，并整合这些生存所需的基本要素
今天'；我们需要持续创新。












版权及副本；Power and Grant，Inc.保留所有权利

我在这里做了更改

将顶部导航文本与中心对齐的代码

#nav li {
    line-height: 40px;
    float: left;
    position: relative;
    width: 150px;
    list-style: none;
}

代码对齐您的底部导航

#navbottom {
    padding-left: 100px;
    width: 1000px;
    color: #fff;
    font-size: 14px;
    font-family: "Lato";
    margin: 0 auto;
}

#navbottom ul {
    padding: 0;
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
}

#navbottom ul li {
    display: inline-block;
    position: relative;
    list-style-type: none;
    margin: 5px 10px;
}

您已经在许多地方使用了float:left，这是不必要的。您所要做的就是将display属性更改为inline block

---

我没有把它改成顶部导航。但是，您可以试一试。

内联块意味着将元素相邻放置。如果没有足够的空间在一行中容纳所有元素，则元素将流向下一行。