Asp.net 垂直对齐:子div上的底部

Asp.net 垂直对齐:子div上的底部,asp.net,css,Asp.net,Css,我试图让hello world div位于父div的底部,但运气不好。有什么想法吗 <ItemTemplate> <div style="float: left; padding-right: 0px; width: 98%; width: 170px; height: 490px; overflow: auto; text-align: center; border: 1px solid Black; padding: 0px; margin: auto;">

我试图让hello world div位于父div的底部,但运气不好。有什么想法吗

<ItemTemplate>
    <div style="float: left; padding-right: 0px; width: 98%; width: 170px; height: 490px; overflow: auto; text-align: center; border: 1px solid Black; padding: 0px; margin: auto;">
        <div style="width: 98%; margin: auto; border-bottom: 1px dotted Black; padding: 1px;">
            <asp:Label ID="lblday" Text='<%# Bind("ShortDate") %>' runat="server"></asp:Label>
        </div>
        <div id="PanelDay" style="text-align: left; margin-top: 5px;" runat="server"></div>
        <div id="Div2" style="text-align: left; vertical-align:bottom; margin-top: 5px;" runat="server">
            hello world
        </div>
    </div>
</ItemTemplate>

此示例可能会帮助您:

页脚{ 底部:-100px; 位置:绝对位置; 文本对齐:左对齐; 填充物:5px; }
此示例可能会帮助您:

页脚{ 底部:-100px; 位置:绝对位置; 文本对齐:左对齐; 填充物:5px; } 两个步骤:

给出你的外div位置:相对; 给出Hello world div位置:绝对;底部:5px; 下面是一个工作示例,在清理了您的一些样式后,我还需要改进格式:

两个步骤:

给出你的外div位置:相对; 给出Hello world div位置:绝对;底部:5px;
下面是一个工作示例,在清理了您的一些样式后,我还需要改进格式:

垂直对齐仅适用于表现为表格单元格的元素。有两种方法可以实现这一点。第一个也是最明显的是使用表,尽管这不是最佳实践


另一种方法是使用display:table单元格

垂直对齐仅适用于表现为表格单元格的图元。有两种方法可以实现这一点。第一个也是最明显的是使用表,尽管这不是最佳实践

另一种方法是使用display:table单元格

垂直对齐属性用于文本、图像或任何其他内联内容。要使块级别的内容位于底部,我认为您需要为第一个div(浮动在左侧的div)指定相对位置,然后为hello world div指定以下CSS:

position:absolute;
bottom:0;
你还需要做更多的调整,但这只是一般的想法。我之所以这么说是因为我不太会使用ASP,而且上下文可能无法使用此解决方案。

垂直对齐属性用于文本或图像,或任何其他内联内容。要使块级别的内容位于底部,我认为您需要为第一个div(浮动在左侧的div)指定相对位置,然后为hello world div指定以下CSS:

position:absolute;
bottom:0;
你还需要做更多的调整,但这只是一般的想法。我之所以说我想,是因为我不太会使用ASP,而且上下文可能无法使用此解决方案