HTML/CSS:I';我有潜水经验?

HTML/CSS:I';我有潜水经验?,html,css,Html,Css,代码: 我试图将所有这些都放在一个页面上,因为在该页面上,浏览器上没有滚动条。我曾试图通过CSS将div的高度设置为百分比,但没有成功 我也无法移除包含图像的div“footer”和div“banner”之间的白色小间隙 正文{ 宽度:100%; 边际:0px; 背景色:#F5; } #容器{ 身高:100%; } #航行{ 颜色:白色; 背景色:#292526; 宽度:100%; 位置:固定; 顶部:0px; 填充:0.5%0.5%; } #导航左{ 宽度:24.5%; 显示:内联块; 垂直

代码:

我试图将所有这些都放在一个页面上,因为在该页面上,浏览器上没有滚动条。我曾试图通过CSS将div的高度设置为百分比,但没有成功

我也无法移除包含图像的div“footer”和div“banner”之间的白色小间隙

正文{
宽度:100%;
边际:0px;
背景色:#F5;
}
#容器{
身高:100%;
}
#航行{
颜色:白色;
背景色:#292526;
宽度:100%;
位置:固定;
顶部:0px;
填充:0.5%0.5%;
}
#导航左{
宽度:24.5%;
显示:内联块;
垂直对齐:中间对齐;
字号:180%;
}
#航行权{
宽度:74.5%;
显示:内联块;
垂直对齐:中间对齐;
}
#导航ul{
浮动:对;
}
#导航ulli{
显示:内联;
}
#导航a{
字体大小:120%;
颜色:白色;
文字装饰:无;
}
#页脚{
颜色:白色;
背景色:#292526;
宽度:100%;
填充:0.5%0.5%;
}      

占位符


<代码> > P> >删除页脚上方的空白空间,将此添加到<代码> *横幅< /代码>元素:

line-height: 0;
要删除滚动条,请将其添加到css中:

::-webkit-scrollbar {
  width: 0 !important
}
编辑

要使整个页面适合浏览器的视口,您可以计算所需的
横幅高度,因为
页脚
导航
元素具有固定高度:

height: calc(100vh - 133px);
上面给出了元素100%的视口高度,减去
导航
页脚
元素的组合高度(约68.5px+64.5px~133px)

您还可以删除
导航
元素的
位置:固定
,因为它始终可见


查看此演示

您是否可以将代码复制并粘贴到问题中,适当缩进或单击按钮将其识别为代码。干杯请将你的帖子重新表述为一个问题来指导你,而不是请求其他人来解决你的问题。对于那些被否决的粉丝,我应该告诉他们,否决一个糟糕的问题也许是正确的,但请记住,你的反对票将使提问者无法再问任何问题谢谢,我可以删除空白。我删除滚动条的意思是,我希望网页能够安装在浏览器上,而无需向下或横向滚动。我试着用“高度”来做这个,但是我不能让它正常工作。啊,好的。请尝试+1以使用线条高度和计算()。你认为
body{overflow:hidden;}
隐藏滚动条会更好吗?我不喜欢使用webkit特定的属性,因为(我认为)普通的标准CSS就可以了。而且我通常避免使用
!重要信息
@CodingWithSpike我认为OP希望使整个站点适合视口。我隐藏滚动条的第一个答案是在仍然能够滚动的情况下隐藏它<代码>溢出:隐藏
消除了这种可能性。