css - Visual Studio 2010 : Positioning an ASP NavigationMenu control

Question

我定位了<div>标签之前。我总是喜欢absolute定位。

对于这个新元素，我想我应该从 Visual Studio 2010 中的网站元素开始。

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

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

到目前为止，我已经试过了:

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

这个:

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

还有这个:

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

没关系。 NavigationMenu继续漂浮在<div>的中间标签。

我没有重命名这个 asp:Menu 控件。是 Visual Studio 2010 创建的“开箱即用”版本。

在我发疯之前，有人能告诉我这个控件的定位定义在哪里吗？

评论:忘记添加:

div {
  position:absolute;
}

Answer 1

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

类似的东西。

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

问题也可能发生，因为您需要为 div 和菜单设置 position 属性。

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

这是一本很好的 CSS 定位示例读物。

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