fixed定位之后出现宽度溢出问题解决

fixed定位之后出现宽度溢出问题解决

fixed定位之后,元素相对的定位是windows,往往会导致宽度溢出容器,解决办法如下:

方法一:在父元素中设置:transform:translate(0,0) 即可解决(此方法只适合一页屏幕能完全展示的,有滚动情况下会导致fixed跟失效了一样)

方法二:设置fixed元素width: inherit(这个不会出现上面的情况)

方法三:fixed定位后,如果是用top、left、right、bottom进行定位的话,是相对于窗口window的,如果不采用这个定位,改成margin-left、margin-right进行定位的话,则就是相对于父级定位了

你可能感兴趣的:(前端,前端)