Html 如何创建<；部门>'；是否所有页面上都有项目，没有滚动条？

我需要创建一个包含4个元素的页面：标题、元素过滤器、项目列表和项目。但是我不能在没有主页滚动的情况下设置div。我只想要一个滚动条-在

项目列表中

html，
身体{
保证金：0；
身高：100%；
}
.标题{
背景色：卡德蓝；
高度：3em；
宽度：100%；
}
.空间{
宽度：25em；
身高：100%；
}
.过滤器{
宽度：100%；
身高：5公分；
背景色：深蓝色
}
.项目清单{
身高：100%；
边缘：0.2米；
溢出：自动；
}
.项目{
背景颜色：白肋木；
高度：20em；
宽度：100%；
}

---

删除溢出：自动从项目列表中删除 并将.item类高度设置为100%，而不是20em

---

希望这能满足您的需求。

删除溢出：自动从项目列表中删除 并将.item类高度设置为100%，而不是20em

---

希望这将满足您的全部要求。

您可以通过在页眉上设置静态高度并在空格元素上使用calc来避免在主元素上使用滚动，如示例所示

html，
身体{
保证金：0；
高度：100vh；
}
.标题{
背景色：卡德蓝；
高度：20px；
宽度：100%；
}
.空间{
宽度：25em；
高度：计算（100%+-30px）；
位置：相对位置；
}
.过滤器{
宽度：100%；
身高：20%；
背景色：深蓝色
}
.项目清单{
身高：80%；
边缘：0.2米；
溢出：自动；
}
.项目{
背景颜色：白肋木；
高度：20em；
宽度：100%；
}

---

通过在页眉上设置静态高度并在空格元素上使用calc，可以避免在主元素上使用滚动，如示例所示

html，
身体{
保证金：0；
高度：100vh；
}
.标题{
背景色：卡德蓝；
高度：20px；
宽度：100%；
}
.空间{
宽度：25em；
高度：计算（100%+-30px）；
位置：相对位置；
}
.过滤器{
宽度：100%；
身高：20%；
背景色：深蓝色
}
.项目清单{
身高：80%；
边缘：0.2米；
溢出：自动；
}
.项目{
背景颜色：白肋木；
高度：20em；
宽度：100%；
}

---

您可以使用flex和overflow：

html，
身体{
保证金：0；
身高：100%；
}
/*==flex更新====*/
body、.space{/*显示：flex和overflow:隐藏*/
显示器：flex；
弯曲方向：立柱；
溢出：隐藏；
}
.space、.item list{/*可填充整个空间*/
弹性：1；
}
.项目清单{
溢出：自动；/*溢出*/
背景：gray/*调试，再见*/
}
/*==结束flex更新====*/
.标题{
背景色：卡德蓝；
高度：3em；
}
.空间{
宽度：25em；
}
.过滤器{
宽度：100%；
身高：5公分；
背景色：深蓝色
}
.项目清单{
边缘：0.2米；
}
.项目{
背景颜色：白肋木；
高度：20em；
宽度：100%；
}

---

您可以使用flex和overflow：

html，
身体{
保证金：0；
身高：100%；
}
/*==flex更新====*/
body、.space{/*显示：flex和overflow:隐藏*/
显示器：flex；
弯曲方向：立柱；
溢出：隐藏；
}
.space、.item list{/*可填充整个空间*/
弹性：1；
}
.项目清单{
溢出：自动；/*溢出*/
背景：gray/*调试，再见*/
}
/*==结束flex更新====*/
.标题{
背景色：卡德蓝；
高度：3em；
}
.空间{
宽度：25em；
}
.过滤器{
宽度：100%；
身高：5公分；
背景色：深蓝色
}
.项目清单{
边缘：0.2米；
}
.项目{
背景颜色：白肋木；
高度：20em；
宽度：100%；
}

回答我：如果要删除页面滚动条，如果页面比屏幕长，用户将如何向下滚动页面？例如，对于此代码段，我必须向下滚动，因为所有内容都无法放入代码段窗口。你的要求会使你的页面无法被移动用户使用。但是可以使用

overflow-y:hidden（但不应该）较长的内容只能在项目列表中（因为“项目”可以很多）。而且我只需要在it@SourceOverflow，是的，但是一些
项目将被隐藏，因为我无法通过“项目列表”滚动显示它。如果
标题
具有
3em
高度，并且
空间
具有
100%
高度，则总高度超过身体的整个高度，则始终会有一个滚动条。您可以使用
calc（）
回答我：如果要删除页面滚动条，如果页面比屏幕长，用户将如何向下滚动页面？例如，对于此代码段，我必须向下滚动，因为所有内容都无法放入代码段窗口。你的要求会使你的页面无法被移动用户使用。但是可以使用
overflow-y:hidden（但不应该）较长的内容只能在项目列表中（因为“项目”可以很多）。而且我只需要在it@SourceOverflow，是的，但是一些
项目将被隐藏，因为我无法通过“项目列表”滚动显示它。如果
标题
具有
3em
高度，并且
空间
具有
100%
高度，则总高度超过身体的整个高度，则始终会有一个滚动条。您可以使用
calc（）
这是真的。谢谢你的帮助！这是真的。谢谢你的帮助！谢谢您的回答，但我需要设置固定高度的
filter'。但我认为，
calc（）`的想法很好。谢谢您的回答，但我需要将
filter'设置为固定高度。但我认为，使用
calc（）`的想法是可行的