Javascript 如何删除html页面底部多余的空白和滚动条？

我试图用css删除html页面底部的空白以及侧边的滚动条

我想让页面适应屏幕，而不在页面底部添加额外空间/并在侧面添加滚动条

我已经在html中将边距和填充设置为0，并将html和正文设置为100，但底部仍然有空白

@导入url（'https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@导入url（'https://fonts.googleapis.com/css2?family=Lato&display=swap');
* {
保证金：0；
填充：0；
/*边框：深蓝色*/
字体系列：“Roboto”，无衬线；
}
html{
身高：100%；
边框：厚实黄色；
}
身体{
身高：100%；
宽度：100%；
显示器：flex；
弯曲方向：立柱；
边框：厚实红色；
/*背景色：#1d293e*/
}
/*按钮背景色*/
.标题\右\容器\内部\中心\按钮，
.标题\右\容器\内部\右\按钮{
背景色：#FF0000；
}
/*按钮悬停颜色*/
.标题\右\容器\内部\右\按钮：悬停，
.标题\右\容器\内部\中心\按钮：悬停{
背景#F23D3D；
}
/*按钮字体颜色*/
.标题\右\容器\内部\中心\按钮，
.标题\右\容器\内部\右\按钮{
颜色：白色；
}
a{
文字装饰：无；
}
.标志{
宽度：120px；
边界半径：50%；
}
/*标题开始*/
标题{
显示器：flex；
/*边框：厚实红色*/
证明内容：中心；
底边：薄而实的黑色；
填充：9px；
}
/*收割台左侧*/
.header\u左\u容器{
显示器：flex；
弹性：1；
/*边框：厚实黄色*/
证明内容：中心；
}
.标题\左\容器\内部\左{
/*边框：浓密的实绿色*/
显示器：flex；
弹性：1；
对齐项目：居中；
证明内容：中心；
}
.收割台\左侧\容器\内部\右侧{
/*边框：浓密的实绿色*/
显示器：flex；
弹性：5；
对齐项目：居中；
调整内容：灵活启动；
}
/*收割台右侧*/
.标题\u右\u容器{
显示器：flex；
弹性：1；
/*边框：厚实黄色*/
证明内容：中心；
}
.收割台\右侧\容器\内部\左侧{
显示器：flex；
/*边框：浓密的实绿色*/
弹性：4；
证明内容：中心；
对齐项目：居中；
}
李{
/*显示：内联*/
填充：10px；
}
a{
颜色：黑色；
}
.header\u right\u container\u inner\u left\u列表{
显示器：flex；
弹性：1；
证明内容：柔性端；
列表样式类型：无；
}
.收割台\u右侧\u容器\u内部\u中心{
显示器：flex；
/*边框：浓密的实绿色*/
弹性：1；
证明内容：中心；
}
.标题\右\容器\内部\中心\按钮{
显示器：flex；
对齐项目：居中；
/*背景色：#E00000*/
边框：1px实心#e00000；
边界半径：6px；
填充：0 25px；
左边距：12px；
/*颜色：白色*/
字体大小：15px；
字号：333；
文字装饰：无；
光标：指针；
空白：nowrap；
调整大小：无；
大纲：无；
}
.header\u right\u container\u inner\u right{
显示器：flex；
/*边框：浓密的实绿色*/
弹性：1；
证明内容：中心；
}
.标题\右\容器\内部\右\按钮{
显示器：flex；
对齐项目：居中；
/*背景色：#E00000*/
边框：1px实心#e00000；
边界半径：6px；
填充：0 25px；
左边距：12px；
/*颜色：白色*/
字体大小：15px；
字号：333；
文字装饰：无；
光标：指针；
空白：nowrap；
调整大小：无；
大纲：无；
}
选择。选择城市标题{
边框：1px实心#fff；
/*背景色：rgba（255255,5）*/
填充物：5px；
背景色：白色；
颜色：黑色；
}
.main_仪表板_容器{
显示器：flex；
颜色：白色；
/*边框：厚实红色*/
}
.左导航栏{
高度：100vh；
弹性：1；
/*边框：浓密的实绿色*/
背景色：#1d293e；
}
.右侧内容{
弹性：4；
/*边框：厚实黄色*/
}
.仪表板按钮{
字体系列：“Lato”，无衬线；
填充：12px 50px；
字体大小：16px；
字号：500；
底边：薄而实的黑色；
光标：指针；
背景色：#1d293e；
}
.仪表板按钮：悬停{
背景色：#39CCCC；
颜色：白色；
}
.右侧内容{
背景色：白色；
}
.ul_flex{
显示器：flex；
弯曲方向：立柱；
柔性包装：nowrap；
}

指数
迪拜
阿布扎比







登录
放置你的广告


仪表板按钮
配置文件
我的属性
信息
设置

满足于此

要删除水平滚动条，请删除正文宽度

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: thick solid red;
}

要移除垂直滚动条，请按如下方式调整高度

.left_navbar {
  height: 89vh;
  flex: 1;
  background-color: #1d293e;
}

---

溢出是由LeavtNavar引起的，当你为高度指定100VH时，你应该考虑页眉和额外的东西，这可能会增加页面的高度，从而导致溢出，所以你可以用Calc（100VH-HealErthHead）设置一个高度值，比如说40px，然后在你为HTML和身体边框

设置框大小之前。

* {
  box-sizing: border-box;
}

.left_navbar {
  height: calc(100vh - 40px);
}

---

或者，在为其父元素（.main_dashboard_container）设置适当的高度值后，可以将其设置为100%

首先从100vh中减去页眉高度，然后在HTML上设置10px边框，然后再次设置