相对于屏幕右侧定位 CSS

Question

除了使用 right: -360px 这个属性 我需要一个自适应的 相对于屏幕右侧的布局该怎么实现
比如在任意屏幕大小的网页上，按下一个按钮，然后导航页面从屏幕右侧外滑出到屏幕的右侧
比如 translateX(-360px) 是相对于屏幕左侧的，我现在想要一个相对于右侧的同样的效果该怎么实现

Answer 1

是要这种效果么

https://codepen.io/yangg/pen/KrkbKr

Answer 2

先搞一个div1，width，height为0，固定定位`
position:fixed

然后在这个div1里，再写个子元素div2，绝对定位，right:-360或者translateX(-360)都可以