Html 如何删除站点中的空间
我有个小问题 如何删除标题和导航栏以及标题和屏幕顶部之间的空间! 这是图像: 我还有另一个问题,那就是当我在导航栏中使用“float:left”时,它会消失!!!为什么 这是我正在运行的代码 等待你的回答 将填充添加到标题,而不是H1Html 如何删除站点中的空间,html,css,web,web-deployment,Html,Css,Web,Web Deployment,我有个小问题 如何删除标题和导航栏以及标题和屏幕顶部之间的空间! 这是图像: 我还有另一个问题,那就是当我在导航栏中使用“float:left”时,它会消失!!!为什么 这是我正在运行的代码 等待你的回答 将填充添加到标题,而不是H1 .header { background-color: #4a4849; margin: 0; padding: 10px 0; border-right: 2px solid #0097ff; border-left
.header {
background-color: #4a4849;
margin: 0;
padding: 10px 0;
border-right: 2px solid #0097ff;
border-left: 2px solid #0097ff;
}
.header h1 {
text-align: center;
padding: 0px 0;
margin:0px;
color: #fff;
border-right: 2px solid #0097ff;
border-left: 2px solid #0097ff;
}
更改
h1上的边距
:
.header h1 {
margin:0;
}
这是h1上的边距;H1标记具有标准的边距/填充。你也有一个双边框,所以我删除了h1上的右边框和左边框 以下是调整后的代码:
body {
margin: 0;
padding: 0;
}
.container {
width: 60%;
margin: auto;
}
/* start header */
.header {
background-color: #4a4849;
margin: 0;
padding: 0;
border-right: 2px solid #0097ff;
border-left: 2px solid #0097ff;
}
.header h1 {
text-align: center;
padding: 10px 0;
margin:0px;
color: #fff;
}
.header h1 span {
color: #0097ff;
}
/* end header */
/* start navbar */
.navbar {
background-color: #4a4849;
color: #fff;
border-top: 2px solid #0097ff;
border-bottom: 2px solid #0097ff;
}
.navbar ul li {
list-style: none;
padding-right: 10px;
margin-top: 0;
display: inline;
}
/* end navbar */
img {
height: 590px;
width: 100%;
}
你能发布HTML/CSS并创建一个提琴吗?图片不起作用!?我认为
.header h1
上的padding
元素正在创建空间,不是吗?删除它并查看它是否修复。尝试h1{margin:0;}
。谢谢,我已经解决了!