Question

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

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

除了定位Visual Studio放置在我的Site.Master文件中的名为NavigationMenu的菜单控件外，所有内容似乎都在按照我的要求去做。

在GUI中，NavigationMenu表示它的CssClass属性是“menu”，但是在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：菜单控件。是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/

Visual Studio 2010：定位ASP NavigationMenu控件

1 个答案: