程序博客网 > vb网络编程及应用

移动端绝对定位无法隐藏的问题解决方案

来源：互联网发布：vb网络编程及应用编辑：程序博客网时间：2024/06/17 07:45

移动端绝对定位无法隐藏的问题解决方案

问题描述：

当绝对定位的元素宽度超过body的宽时，超出body的部分设置隐藏无效。滚动条仍然可以滚动。

bug示意图
如上图所示，虽然bod设置

body {    width: 100%;    height: 100%;    background: #11a9cc;    overflow: hidden;}

但是看起来overflow：hidden这个属性并没有起到作用。

解决办法：
把代码块儿用div包起来，并给这个div设置成相对定位，x轴超出隐藏。代码结构

<body>    <div id='wrap'>        ····    </div></body>

#wrap{        overflow-x: hidden;        position: relative;        }

这里写图片描述

0 0

vb网络编程及应用

vb网络编程及应用

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子村干部违法乱纪怎么办得了肝炎怎么办乙肝消化不良怎么办呢脚被砸肿了怎么办小孩失踪了怎么办得了肝病怎么办宝宝睡觉打嗝怎么办渐冻人晚期怎么办高中孩子叛逆怎么办妈妈到了更年期怎么办父母不了解我怎么办小孩个子矮小怎么办孩子个子矮小怎么办酱油泡彩椒生霉怎么办羊不反刍怎么办屋里蚂蚁太多怎么办被小黄家蚁咬了怎么办宠物狗有跳蚤怎么办擦碰后逃逸怎么办开车上路紧张怎么办起步老是熄火怎么办鸡得了鸡瘟怎么办少量非典细胞怎么办脸上有坑坑怎么办小孩喜欢上网怎么办博朗耳温枪坏了怎么办指针温度计不准怎么办电烙铁头不沾锡怎么办土壤碱性大怎么办土壤偏酸怎么办饥荒没有燧石怎么办吸了臭氧怎么办胆囊疼痛怎么办吃坏东西肚子痛怎么办吃坏东西腹痛怎么办吃坏东西肚子疼怎么办? 着凉肚子不舒服怎么办消化不好肚子疼怎么办肚子特别疼怎么办晚上突然肚子痛怎么办晚上受凉肚子痛怎么办