CSS：中心站点上的fly-in菜单

Question

不需要编写代码的设计师....叹息。

在我回去告诉他这是不可能的之前，我以为我会画出堆栈溢流大脑。

一个中心网站，带有滑入式菜单。我的理解是，滑入式菜单通常通过隐藏视口左侧的菜单来工作。即仅在左侧锚定站点有效。

我有一个网站通过展开侧边菜单来做到这一点（即它可以看不见，宽度为：0但不会滑入。

Answer 1

为居中容器指定overflow:hidden;的属性，该属性将隐藏侧边菜单，直到它位于居中容器内。从我对这个问题的理解，这应该解决它。

Answer 2

您编写的方式，菜单固定在左侧。但您可以将代码修改为：

1. 将菜单和按钮打包到带div
的居中overflow:hidden
2. 相对定位菜单nav，而不是操纵菜单的left属性，使用margin-left
3. position:fixed按钮的容器div到top:0和right到按钮的宽度
4. 不要切换身体。

要发布的代码太多，所以这是您更新的小提琴： http://jsfiddle.net/xofafoba/1/