关于我的overflow-x

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

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

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

发布了1 篇原创文章 · 获赞 0 · 访问量 11

猜你喜欢

转载自blog.csdn.net/bobringtheboys/article/details/104043748