gpt4 book ai didi

html - 如何使 div 延伸到可滚动页面的底部? ASP

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

我一直试图让侧边栏位于页面底部,我不希望它固定位置,因为这样按钮会滚动,我不希望这样。我只想让背景延伸到可滚动页面的底部。我已经尝试了多种“解决方案”,但我得到的唯一两个结果是背景延伸到可见页面的底部或按钮周围……是的。我也希望它像 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/

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