移动端绝对定位无法隐藏的问题解决方案
问题描述:
当绝对定位的元素宽度超过body的宽时,超出body的部分设置隐藏无效。滚动条仍然可以滚动。
如上图所示,虽然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;
}