当前位置: 首页 > 知识库问答 >
问题:

css div内容可滚动,最底部的内容总是展示不全?

百里涛
2023-12-13

css 定义一个内容滚动的div 设置高度固定或者百分比或者calc的情况 会出现底部内容拖动展示不全

.news {  background-color: #F3F8FA;  width: 100vw;  height: 600px;  margin-top: 5px;  border-radius: 10px;  padding: 10px 0;  overflow: auto;}底部tabbar的样式.tabBar {  width: 100%;  height: 100rpx;  padding: 8rpx 0;  /* background: #FFFFFF; */  background:#2D2D43 ;  position: fixed;  bottom: 0px;  left: 0px;  right: 0px;  z-index: 99999;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.15);}.tabBar_list {  width: 98%;  display: flex;  justify-content: space-between;}.tabBar_item {  width: 50%;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  font-size: 24rpx;  color: #666666;  padding-bottom: 10px;}.tabBar_item image {  width: 42rpx;  height: 36rpx;  margin-bottom: 2rpx;}

这个height试过很多的单位 百分比 vh calc px .news中渲染的内容不固定 有时候内容多了,最底下的就出现

image.png

这个height试过很多的单位 百分比 vh calc px .news中渲染的内容不固定 有时候内容多了,最底下的就出现

如果把这个高度设置的低一一点的话
image.png
就会出现空隙

这是怎么出现的问题
怎么才能 设置高度自适应 内容自适应滚动 不会出现遮挡

共有2个答案

夏宏旷
2023-12-13

news容器设置box-sizing: border-box,然后下面在放一个宽高100%的东西放列表元素

韩祯
2023-12-13

那你底部默认设置一个margin-bottom就行了

.news {  background-color: #F3F8FA;  width: 100vw;  height: 600px;  margin-top: 5px;  border-radius: 10px;  padding: 10px 0;  overflow: auto; margin-bottom: 20px; // 这个高度是你菜单的高度}
 类似资料:
  • 各位开发人员,我在Interface Builder(Xcode5/iOS 7)中遇到了自动布局的问题。这是非常基本和重要的,所以我认为每个人都应该知道这是如何运作的。如果这是Xcode中的一个bug,那就是一个关键的bug! 因此,每当我有这样的视图层次结构时,我就会遇到麻烦: UIScrollView有坚实的约束,例如,每边50像素(没有问题)。然后我将顶部空间约束添加到UILabel(没问题

  • 我在Scrollview中有Recyclerview 现在,滚动时,layoutStaticContent保持固定在顶部

  • 问题内容: 无论如何,我可以做到这一点,以便在内容加载后(通过Ajax)页面自动滚动到顶部吗? 这是我显示内容的代码: 因此,在“视图区域”加载其内容之后,我可以使页面自动滚动到顶部吗? 问题答案: 只需使用滚动功能 如果您要使用jQuery,那么这里是一个很好的平滑示例:) 从链接: 放入代码中

  • 我正在用CSS来创建具有固定页眉和页脚以及可滚动内容的可滚动“窗口”。这里被接受的答案是我已经得出的最接近解决这个问题的答案,但这需要设置“内容”类div的高度。 我的目标是:1。如果内容小于机身高度,则不滚动2。如果内容长于正文高度减去页眉和页脚,则滚动。 如何实现这一点?

  • 本文向大家介绍ListView实现顶部和底部内容指示器的方法,包括了ListView实现顶部和底部内容指示器的方法的使用技巧和注意事项,需要的朋友参考一下 顶部指示器? 这是什么? 好吧,我承认这是我自己想出来的词,因为我不知道它有什么学名,究竟是什么呢?看下这个图就知道了。 这是我们的美工MM画的,偶的神呐,这虽然很漂亮,不过也让人头疼,这个箭头应该在滚到顶部的时候消失,滚下来的时候(即有条目隐

  • 问题内容: 我正在尝试创建一个包含三个div的页面:页眉,页脚和内容区域。这些应该占据屏幕的100%。 页眉和页脚很小,不会改变,内容区域可以是任何大小,因此我添加了使其变大时滚动的功能。 我正在使用以下CSS设置html和正文高度,因此容器上的技巧将起作用: 我的文档结构为: 问题答案: 方法1-Flexbox 它适用于已知和未知的高度元素。确保设置外股利和重置默认的。 方法2-CSS表 对于已