Visual Studio 2010：定位 ASP NavigationMenu 控件

Question

我之前已经定位过

标签。我总是更喜欢绝对定位。

对于这个新项目，我想从 Visual Studio 2010 中的网站项目开始。

除了名为 NavigationMenu 的 asp:Menu 控件的定位之外，一切似乎都按照我的指示进行。 Visual Studio 放置在我的 Site.Master 文件中。

在GUI中，NavigationMenu表明它的CssClass属性是“menu”，但在Visual Studio创建的“Styles/Site.css”文件中，我没有看到在 Menu 或 NavigationMenu 下定义的任何内容。有一个 div.menu 定义，我已将其设置为使用 left: 0px;，但是 NavigationMenu 继续*尝试我的耐心（通过将其自身置于我放置的

标记内。

到目前为止，我已经尝试过这个：

div.menu {
  left: 0px; height:400px;top:100px;width:150px;
}

this:

div.menu {
  left: 0px; height:400px;top:100px;width:150px;vertical-align:top;
}

和 this:

div.menu {
  left: 0px; height:400px;top:100px;width:150px;vertical-align:text-top;
}

没关系。继续漂浮在中间

标记。

我没有重命名此 asp:Menu 控件。

有人可以告诉我此控件的定位定义在哪里吗？在我发疯之前控制一下？

评论：忘记添加以下内容：

div {
  position:absolute;
}

Answer 1

我之前在设计 asp 元素时遇到过一些问题。我的解决方案是将样式直接放置在 asp 元素定义中。

类似的东西。

<asp:menu runat="server" style="left:0px;height:400px;top:100px;width:150px;" /></asp:Menu>

当您需要设置 div 和菜单的位置属性时，也可能会出现此问题。

#div {
  position: relative;
}
.menu {
   position: absolute;
   left: 0px;
   height:400px;
   top:100px;
   width:150px;
}

这是有关 CSS 定位示例的好读物。

http://www.barelyfitz.com/screencast/html-training/css/定位/