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

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/xieyao/p/8506908.html

css y轴溢出滚动条，x轴溢出显示相关推荐

css如何设置x轴为滚动,解决移动端页面出现 X轴横向滚动条问题
最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站,写完后发现 WAP 端总是会出现横向滚动条,也就是 X 轴滚动条,导致 WAP 端页面左右滑来滑去,很是令人蛋疼,即使设置了 ...
用 CSS 从零写一个时间轴效果
时间轴效果介绍在前端开发中,我们会遇到一些场景特别适合用时间轴来展示,例如下面按照日期时间来记录发生的事件: 还可以做成下面这种比较流行的左右对称卡片风格的时间轴: 如果再稍加装饰,还能有更加高大上 ...
seaborn可视化散点图并自定义数据轴标签（X轴和Y轴的轴标签，Change X Y Axis Labels to a Seaborn Plot）
seaborn可视化散点图并自定义数据轴标签(X轴和Y轴的轴标签,Change X & Y Axis Labels to a Seaborn Plot) 目录
python使用matplotlib可视化、为可视化图像的X轴和Y轴设置自定义的轴标签（axis labels of matplotlib plot）
python使用matplotlib可视化.为可视化图像的X轴和Y轴设置自定义的轴标签(axis labels of matplotlib plot) 目录
R语言ggplot2可视化：ggplot2中使用element_text函数设置轴标签文本粗体字体（bold text,使x轴和Y轴的标签文本都使用粗体字体）、注意是轴标签而非轴标题
R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,使x轴和Y轴的标签文本都使用粗体字体).注意是轴标签而非轴标题目录
R语言ggplot2可视化创建堆叠的柱状图（stacked barplot）并且每个堆叠的柱状图都缩放到总和为100%实战：最后所有的堆叠的柱子都一样高、Y轴以百分比的形式来显示
R语言ggplot2可视化创建堆叠的柱状图(stacked barplot)并且每个堆叠的柱状图都缩放到总和为100%实战:最后所有的堆叠的柱子都一样高.Y轴以百分比的形式来显示目录
【转】如何用css限制文字长度,使溢出的内容用省略号…显示
文章转自这里(现在貌似被黑了,建议不要点击了) ps:因在该地方没看到转载按钮,复制下存到这里以待自己方便,别人能看到帮助一下更是乐意之至,效果亲测可以实现,兼容IE.谷歌.火狐由于文字内容长度的不 ...
x轴z轴代表的方向图片_x y z三个轴的方向 x轴、y轴和z轴分别代表的是什么？
1, x轴.y轴和z轴分别代表的是什么? 空间任意选定一点O,过点O作三条互相垂直的数轴Ox,Oy,Oz,它们都以O为原点且具有相同的长度单位.这三条轴分别称作x轴(横轴),y轴(纵轴),z轴(竖轴) ...
设位于第一象限的曲线y=f(x)上的任一点P(x,y)的切线在x轴上的截距等于该点发现在y轴上截距的相反数，且曲线经过(1,0)，求该曲线
高数微分方程题目:设位于第一象限的曲线y=f(x)上的任一点P(x,y)的切线在x轴上的截距等于该点发现在y轴上截距的相反数,且曲线经过(1,0),求该曲线.

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

css y轴溢出滚动条，x轴溢出显示相关推荐

最新文章

热门文章