html - 当我切换移动菜单时，标题下方的所有网站内容都被下推。任何想法如何解决这个问题？

Question

正如标题所说，关于this site的手机版|移动菜单上的切换按钮强制将所有内容下推。我喜欢它只是在内容上滑动而不移动所有内容。这是一个 wordpress 主题，我对 css 和 html 相当熟悉，但我就是想不通。

Answer 1

通过绝对定位菜单，您可以将其从页面流中移除。这是最重要的部分:

.menu{position:absolute;left:42%;width:10%;margin:0 auto;display:none;}

如果把position absolute和42% left values去掉，其他内容会被下推。这是一个基本的例子，我没有在那里制作最漂亮的菜单，但它对这个目的很有用。 http://codepen.io/damianocel/pen/wKYKGL