Html 为什么我的导航栏不能覆盖整个网站？_Html_Css_Navigation

Html 为什么我的导航栏不能覆盖整个网站？

html css navigation

Html 为什么我的导航栏不能覆盖整个网站？,html,css,navigation,Html,Css,Navigation,CSS上的容器宽度为100%，但它在页面结束前停止一点使用的HTML <div id="nav-container"> <ul id ="nav-list"> <li id="nav-title">lymbo</li> <li><a href="#">Playmaps</a></li&g

CSS上的容器宽度为100%，但它在页面结束前停止一点

使用的HTML

<div id="nav-container">
    <ul id ="nav-list">
        <li id="nav-title">lymbo</li>
        <li><a href="#">Playmaps</a></li>
        <li><a href="../map.html">Map</a></li>
        <li><a href="../about.html">About</a></li>
        <li><a href="#">My Account</a></li>
        <li><a href="#">Log Out</a></li>
    </ul> 
</div>

另外，如果有人知道为什么我的标题一直干扰我的导航栏，我想听听你的意见。我希望我的导航栏像Twitter导航栏一样有一点“渐变”，但我使用的教程很接近，但没有任何效果。

因为我看不到JSFIDLE，所以无法测试它

但是我认为div已经在这一页的全宽上了。这可能是一个还没有100%出现在页面上的列表。

在那里也放一个宽度：100%，看看会发生什么。

因为我看不到JSFIDLE，所以无法测试它

但是我认为div已经在这一页的全宽上了。这可能是一个还没有100%出现在页面上的列表。

在那里也放一个宽度：100%，看看会发生什么。

尝试添加

左：0到您的CSS。正如其他人提到的，您不需要float
属性。
尝试添加left:0到您的CSS。正如其他人所提到的，您不需要float
属性。
在#nav容器中，添加边距和位置控制，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

由于您使用列表进行导航，因此应添加CSS以控制列表的边距，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

列表样式类型：无将删除列表中的项目符号点（如果首选）
最后，对于某些浏览器，最好在
标记中将页边距设置为零，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">


在导航容器中，添加边距和位置控制，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

由于您使用列表进行导航，因此应添加CSS以控制列表的边距，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

列表样式类型：无将删除列表中的项目符号点（如果首选）
最后，对于某些浏览器，最好在
标记中将页边距设置为零，如下所示：
#nav-container {
    margin:0px auto;
    left:0px;
    right:0px;
}

#nav-list {
    list-style-type:none;
    margin:0;
}

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">


我敢打赌您的导航容器
在另一个div（容器流体
）内，该div（容器流体
）上留有填充。
我敢打赌您的导航容器
在另一个div（容器流体
）内它的左边有一个填充
。
默认元素周围有一些空间。这就是为什么通常使用重置样式。将此添加到主样式表的开头，因为这是一个很好的实践
* {
  margin: 0;
  padding: 0;
}

默认元素周围有一些空间。这就是为什么通常使用重置样式。将此添加到主样式表的开头，因为这是一个很好的实践
* {
  margin: 0;
  padding: 0;
}

如果你上传一个scren或者发布一个链接到它的演示，分析起来就容易多了。。。另外，top
不是float
的实际值。我们需要看到更多的html和cssgreen颜色填充整个宽度，那么问题是什么float:top：O CSS5？如果你上传一个scren或发布一个链接到它的演示，分析起来会更容易。。。另外，top
不是float
的实际值。我们需要看到更多的html和cssgreen颜色填充整个宽度，那么问题是什么float:top:O CSS5？