关于我的overflow-x

南笙酒味 提交于 2020-01-27 01:30:10

今天在写项目的时候发现一个很奇怪的事情,那就是我的横向滚动条怎么也没办法出来,大概的结构如下

我想让li出现横向的滚动条,
css代码如下:
给ul设置横向超出滚动条,超出不换行,纵向隐藏
然后页面显示如下:
很明显,我的设置效果并没有出来,代码没有生效
然后我把li中的float:right注释掉换成display:line-block就好了.
修改后的css样式如下:
在这里插入图片描述
然后页面中的ul也成功的出现了横向滚动条
在这里插入图片描述
总结:在ul中li出现想要出现横线滚动条但是效果失效的情况下,不妨试着将li转换为行内块级元素

可能是我css没有学到位,其中的原理我不懂,只能算瞎猫碰上死耗子出来了.嘿嘿
在这里写一个博客记录一下,h5小白的日常 …
日常报错一错就是一天 …
我会努力的!

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!