Html 100%宽度CSS导航栏菜单

Html 100%宽度CSS导航栏菜单,html,css,nav,Html,Css,Nav,我做了一个导航栏,但不能全宽 图像预览: 我希望它是全宽的,没有填充物,像这样: 使您的边距填充为0 Html 使您的边距为0 Html 原因很可能是您的。修改CSS,如下所示: #cssmenu > ul { background: #3db2e1; margin:0; padding:0; } #cssmenu > ul > li { float: right; -webkit-perspective: 1000px; -mo

我做了一个导航栏,但不能全宽

图像预览:

我希望它是全宽的,没有填充物,像这样:




使您的边距填充为0

Html


使您的边距为0

Html


原因很可能是您的
。修改CSS,如下所示:

#cssmenu > ul {
  background: #3db2e1;
  margin:0;
  padding:0;

}
#cssmenu > ul > li {
  float: right;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  margin:0;
  padding:0;
}
您还需要确保父元素(可能是
body
)没有任何填充

body {
    padding:0;
    margin:0;
}

原因很可能是您的
。修改CSS,如下所示:

#cssmenu > ul {
  background: #3db2e1;
  margin:0;
  padding:0;

}
#cssmenu > ul > li {
  float: right;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  margin:0;
  padding:0;
}
您还需要确保父元素(可能是
body
)没有任何填充

body {
    padding:0;
    margin:0;
}

尝试删除
正文
边距:

body { margin: 0; }

尝试删除
正文
边距:

body { margin: 0; }

别忘了把它放在每个css文件上,我希望它会有所帮助

* {
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: 0;
}

别忘了把它放在每个css文件上,我希望它会有所帮助

* {
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: 0;
}

您是否尝试过简单地使用
在你的html头里面?我的个人网站navbar文件与你的非常相似,但我从未遇到过这种问题

您是否尝试过简单地使用


在你的html头里面?我的个人网站navbar文件与你的非常相似,但我从未遇到过这种问题

请共享您的html工具我们可以查看您的
html
please吗?添加的html代码请共享您的html工具我们可以查看您的
html
please吗?添加的htmlcode@JvykiRazbalowski一旦等待期结束,一定要把答案标记为好像它解决了你的问题。@JvykiRazbalowski一定要把答案标记为好像它解决了你的问题,一旦等待期结束。现在检查我给你完整的代码。希望它能帮助你现在检查我给你完整的代码。希望它能帮助你