Javascript 文本框更改

我之前发布了一个问题，出于某种原因，这不允许我发表评论，所以我想我会再次发布。我的网站是。我有两个问题，我不知道如何解决。首先，最初没有javascript，我的菜单不是按钮，而是在屏幕上的按钮，而是在框的底部，框在上面。我不知道javascript是怎么搞砸的，但不知怎么搞砸了，我试着在所有我能做的地方使用边距和填充，但什么都不起作用。我的另一个问题是，打开页面时，我希望菜单隐藏，直到你点击它，我也不知道如何补救。抱歉，如果这是一个愚蠢的问题，我只学习了几个星期的html和css，我对javascript一无所知。谢谢

编辑问题请帮助：

---

很抱歉没有澄清。该框过去看起来像这样（除了格式与网站上的另一个类似）。请参见底部的链接，菜单框的顶部与菜单按钮的顶部对齐。但是，正如你所看到的，实际单词在正确的位置，但是方框的背景向下移动，这不仅仅是一些简单的填充或边距错误。我修复了它，但它不是一个熟练的修复。我求助于使用position absolute来隐藏菜单，只需给它CSS属性

display:none

<div id="menu" style="display: none;">...</div>

。。。

“我希望菜单在你点击之前隐藏”你怎么能点击隐藏的东西？（好的，我知道你真正的意思：只需给菜单div一个开始样式

display:none

，或者从

onload

处理程序添加

menu.style.display=“none”

）我试过了，但无法理解你对菜单框定位的意思。你能重新措辞吗？或者，更好的是，添加

display:none#菜单

已经有一个带有一些其他设置的条目，则将code>添加到样式表中。