仅使用CSS的画布外导航

Question

我正在尝试仅使用CSS设置离开画布导航。基本上我希望导航为20％宽度并将其放在主要内容后面，然后当您单击菜单图标时，标题和正文内容将从屏幕右侧滑出20％并显示导航。

我几乎已经根据类似的实现工作了（虽然他们是用宽度而不是定位来做的）但我正在努力处理最后一小部分。

Here is my pen

有什么想法吗？

谢谢！

Answer 1

只需将background: #fff;添加到.content样式定义即可。它会起作用。