小程序overflow:hidden在以下场景失效问题;烦请管理做下解答
发布于 6 年前 作者 xiuyinggao 7117 次浏览 来自 问答

子元素position:absolute ;父元素position: relative;并在父元素page设置了超出隐藏 overflow-x:hidden;为什么在子元素超出page宽度后 ,还是会出现水平滚动条?(开发工具是可以的)官方在这块没有进行优化吗?

例:

<view class=“parent”>

<view class=“child”></view>

</view >

page{

overflow-x:hidden

}

.parent{

position:relative;

}

.child{

position:absolute;

}

4 回复

子元素是absolute就不能这么用,page的overflow管不到。

如果你非要用absolute并且限制子元素超出后隐藏,那么你要单独给子元素设置宽度并设置overflow属性。

同遇到,但是好像修复了现在

overflow属性需要指定父元素的宽或高才会生效

回到顶部