我一直试图让侧边栏位于页面底部，我不希望它固定位置，因为这样按钮会滚动，我不希望这样。我只想让背景延伸到可滚动页面的底部。我已经尝试了多种“解决方案”，但我得到的唯一两个结果是背景延伸到可见页面的底部或按钮周围……是的。我也希望它像 height:3000px，因为不同的屏幕分辨率。
这是在母版页中
它是怎样的:http://prntscr.com/7dpa8j
主页的ASP:
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="mainSM" runat="server" />
<div id="header">
<asp:ContentPlaceHolder ID="ContentHolderDD" runat="server">
</asp:ContentPlaceHolder>
<div>
<p id="teamNames" class="regularTextWhite">Tom, Rutger & Mike</p>
</div>
<img id="logo" src="../../Images/top2000.gif" />
<div>
<p id="welcomeMessage" class="regularTextWhite" runat="server">Welkom FIRST_NAME</p>
</div>
<asp:Button ID="btnLogout" text="Uitloggen" runat="server" CssClass="btnRed" Visible="false" OnClick="btnLogout_Click"/>
<asp:Button ID="btnLogin" text="Inloggen" runat="server" CssClass="btnRed" OnClick="btnLogin_Click" />
</div>
<div id="sidebar">
<div id="sideMenu" runat="server">
<asp:Button ID="btnList" text="Lijst" runat="server" CssClass="btnClean" PostBackUrl="~/Pages/Pages/List.aspx"/>
<asp:Button ID="btnArtists" text="Artiesten" runat="server" CssClass="btnClean" PostBackUrl="~/Pages/Pages/Artists.aspx"/>
<asp:Button ID="btnSongs" text="Lietjes" runat="server" CssClass="btnClean" PostBackUrl="~/Pages/Pages/Song.aspx"/>
</div>
</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</form>
</body>
CSS:
#sidebar {
background-color: white;
border-right: 1px solid rgb(100, 100, 100);
width: 250px;
height:1000px;
float:left;
overflow-y:auto;
position:relative;
}
#sidemenu {
height:100%;
}
最佳答案
设置高度:100vh;
#sidebar {
background-color: white;
border-right: 1px solid rgb(100, 100, 100);
width: 250px;
height:100vh;
float:left;
overflow-y:auto;
position:relative;
}
关于html - 如何使 div 延伸到可滚动页面的底部？ ASP，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30679307/