有些小伙伴可能因为使用div而遇到了overflow-x失效的问题,这个问题很简单,在目标div外再套一层div即可。需要注意的操作如下:
1、目标div即子div,设置的overflow-y属性会管用。
2、父div,设置的overflow-x属性会管用。
3、子div的宽度要大于父div才会使得overflow-x属性管用(
important
)。
有些小伙伴可能因为使用div而遇到了overflow-x失效的问题,这个问题很简单,在目标div外再套一层div即可。需要注意的操作如下:1、目标div即子div,设置的overflow-y属性会管用。2、父div,设置的overflow-x属性会管用。3、子div的宽度要大于父div才会使得overflow-x属性管用(important)。...
overflow
-x: overlay;
overflow
: auto;
在
overflow
-x: overlay;的基础上加个
overflow
: auto;适配,但是多出来的那一块还会存在,但是首要
问题
是解决没有滚动条,多出来的一点无所谓,因为仅限火狐会有
最近要做的一个需求是移动端的h5页面,要求有一排可选择的卡片, 超出容器部分可以左右滑动,同时每张卡片左上角要有一个删除按钮。如下图:
心想:so easy, 在父容器上加一个max-width: 200px; white-space: nowrap;
overflow
-x: auto;不就搞定了嘛。Demo如下:
<div class=container>
<div class=son>
<div class=delete_btn></div>
<div class=son>
<div class=delete_btn>