本文介绍: 如果父容器高度百分比,子容器根据父容器百分比设置,整个overflow属性都会失效实现overflow效果必须有一个固定高,父容器也必须是固定的高。

我们知道想要实现局部滚动,就得用cssoverflowy:autooverflowx:auto属性实现纵向/横向滚动使用这个属性的必备条件就是给这个局部滚动的视窗一个固定的高。

1.失效场景

父容器高度设置的是百分比在这里插入图片描述

子容器根据(父容器高度tabBar栏) 设置固定高度溢出滚动 失效

在这里插入图片描述

2.解决方案

在这里插入图片描述

给父容器设置固定高度,不要用设置百分比。

3.总结

如果父容器高度为百分比,子容器根据父容器百分比设置,整个overflow属性都会失效
实现overflow效果必须有一个固定高,父容器也必须是固定的高

原文地址:https://blog.csdn.net/qq_40703755/article/details/128381226

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_23762.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注