分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

css y轴溢出滚动条,x轴溢出显示

发布时间:2023-09-06 01:44责任编辑:林大明关键词:暂无标签

这个是我工作中遇到的一个问题,困扰了我好几天,彻底理解了什么叫思路很重要。

黄色盒子里的内容是要超出出现滚动条的,红色的方块是根据另外的元素去定位的,于是呢 我就加上了 overflow-y:auto;然后出现了下面这幕。

会发现红色放开溢出之后出现了 滚动条,然后我又改成了这样

让x轴溢出之后不剪切任何内容也不出现滚动条,你们觉得是解决了吗?我满心欢喜的查看了效果,依然没有解决,苦恼了几天各种的 搜寻答案,其实这种y轴滚动条x轴溢出显示的效果 是做不到的,如果有人能做到 教我。

于是呢 我想出了另外一个办法:

给最外层的容器设置overflow:auto,当超出容器的时候让其可以滚动,然后让滚动条不可见

 这样超出之后页面也可以滚动 方块也同时存在,我真的很感慨,写代码真的  思路很重要!!!

css y轴溢出滚动条,x轴溢出显示

原文地址:https://www.cnblogs.com/xieyao/p/8506908.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved