我怎样才能阻止我的身体元素在我的导航栏后面滚动？
我怎样才能阻止我的身体元素在我的导航栏后面滚动？
提问于 2021-09-07 18:11:53
我是一个全新的前端，已经使用html和CSS进行了3-4个月的编码。
我目前正在完成免费代码营的免费课程，我目前正在编写一个技术文档页面。
我的主要问题是弄清楚如何阻止我的身体元素在我的导航条后面滚动，导航条位于左边。我希望Body元素只向上/向下滚动。
我的第二个问题是如何构建在列表项周围的顶部和底部边框的列表项，该列表项在导航栏中完全扩展。
这是我的项目->https://codepen.io/kboogie/pen/zYzBwXa
谢谢你的帮助，很抱歉解释得很糟糕
body { line-height: 30px;
min-width: 100%;
font-family: Azeret Mono, monospace;
padding-left: 250px;
}
#navbar { position: fixed;
left: 0px;
top: 0px;
height: 100%;
border-right: solid;
border-color: rgba(44, 187, 0, 0.603);
background-color: rgb(223, 253, 170);}
header {
text-align:left;
}
.head-n { text-align: center;}
li {
padding-right: 10px;
list-style: none;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2021-09-07 18:46:57
以下是您的第一个问题的解决方案。问题来自设置min-width: 100%和padding-left: 250px。这将导致所有的内容是100%的宽度加上一个额外的250 PX。这将总是导致内容太大，不适合在屏幕上。这就是导致水平滚动条的原因。
要解决这个问题，您应该从body{}中删除min-width: 100%。不需要这种样式，因为无论屏幕大小如何，文本都会自动包装。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69092833
复制相关文章
相似问题
腾讯云开发者
