gpt4 book ai didi

html - 菜单将内容推送到页面底部

转载 作者:行者123 更新时间:2023-11-28 06:05:15 25 4
gpt4 key购买 nike

我在我的 ASP.Net 页面上使用菜单,方向设置为水平,没有子级别。它将我的内容一直推到页面底部。我已经尝试了很多关于我在 SO 上发现的类似问题的答案,但没有任何效果。每个人都说使用 position:absolute,但这行不通。我已经尝试了每个位置并放置在另一个 div 中,但无济于事。

<body>
<form id="form1" runat="server">
<div id="wrapper" >
<div id="Main">
<div id="MainHeader">

</div>
<div id="MainMenu">

</div>
<div id="MainContent">
<asp:Menu ID="nav" runat="server" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Projects.aspx" Text="Search" Value="Search"></asp:MenuItem>
<asp:MenuItem NavigateUrl="~/ProjectGeneral.aspx" Text="General Info" Value="General Info"></asp:MenuItem>
<asp:MenuItem NavigateUrl="~/ProjectSchedule.aspx" Text="Schedule" Value="Schedule"></asp:MenuItem>
<asp:MenuItem NavigateUrl="~/ProjectNotes.aspx" Text="Notes" Value="Notes"></asp:MenuItem>
</Items>
</asp:Menu>

Project: General Information
<asp:Panel ID="Panel1" runat="server" BackColor="#EADD96">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</asp:Panel>
</div>
</div>
<div id="map" >

</div>
</div>
</form>

CSS:

#wrapper {
outline-style:solid;
outline-color: Black;
outline-width:thin;
}
#Main {
width: 50%;
height: 870px;
/*background: blue;*/
float: left;
}
#MainHeader {
width: 100%;
height: 70px;
background: #D8D8D8 ;
}
#MainMenu {
width: 20%;
height: 800px;
background-color:darkgray;
float: left;
}
#MainContent {
background-color:beige;
height: 800px;
margin-left: 20%;
font-family: 'MoolBoran';
font-size:22px;
padding-left: 10px;
padding-right: 10px;
margin-top:0px;
}
#map {
margin-left: 0%;
height: 870px;
background-color: White;
}
#nav {
position:absolute;
top: 10px;
}

最佳答案

#MainContent {
position: relative;
}
#nav {
position: absolute;
top: 10px;
}

让我知道上面的代码是否有效

关于html - 菜单将内容推送到页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36500112/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com