Html (CSS)将元素绑定到底部的方法?

Html (CSS)将元素绑定到底部的方法?,html,css,renderer,Html,Css,Renderer,是否有其他方法将HTML元素置于底部,除了: position: absolute; bottom: 0; 在父元素处: position: relative …或设置边距,使元素正好位于底部?好的,您也可以使用位置:固定;底部:0,它会将元素粘贴到窗口底部。这意味着它甚至不会与页面的其余部分一起滚动 当您将其用于全宽页脚或类似的情况(最有可能的用例)时,您需要在页面内容的其余部分添加一个边距,这样它就不会隐藏在(或隐藏)页脚后面 除此之外,你几乎被你提到的选项困住了 有关位置属性的完整文档

是否有其他方法将HTML元素置于底部,除了:

position: absolute;
bottom: 0;
在父元素处:

position: relative

…或设置边距,使元素正好位于底部?

好的,您也可以使用
位置:固定;底部:0,它会将元素粘贴到窗口底部。这意味着它甚至不会与页面的其余部分一起滚动

当您将其用于全宽页脚或类似的情况(最有可能的用例)时,您需要在页面内容的其余部分添加一个边距,这样它就不会隐藏在(或隐藏)页脚后面

除此之外,你几乎被你提到的选项困住了

有关
位置
属性的完整文档可在此处找到:

您也可以使用
position:fixed

.elem {
  position: fixed;
  bottom: 0;
}
或者您可以使用
Flex
然后将元素设置为
align self:Flex end

e、 g


谢谢!但不幸的是,你的第二个解决方案不起作用。。。“position:fixed”变量的问题是我无法使用position属性,因为HTML呈现程序没有实现它。这确实直接回答了您的问题(我的答案也是如此)。什么类型的“HTML呈现程序”没有实现
位置
?听起来你的问题不应该被标记为
html5
css3
,因为很明显,你的情况阻止你以任何合理的方式使用这两个问题。我使用的是这一个:。您基本上可以向html添加样式,但无法识别属性“position”。这就是为什么我需要找到一个绕过它的解决方案。@GreeceTom-Aha!“广泛的HTML4.01和CSS级别2规范支持。”所以我对那些
html5
css3
标记的看法是正确的为了子孙后代(并避免得到更多建议CSS3样式的答案,如
display:flex
),也许您应该编辑您的问题,使其只包含
html
css
标记。由于html呈现程序包是为将html集成到常规应用程序窗口而设计的,因此不支持
位置
也就不足为奇了。我想您需要将希望位于底部的html块放入一个单独的
HtmlPanel
(或
HtmlLabel
?)--然后使用常规的.NET GUI布局实践将其相对于其他内容进行定位。请注意,在下面要回答的注释中,OP揭示了这是一个本机应用程序HTML呈现框架的上下文,该框架声称“广泛的HTML 4.01和CSS 2级规范支持”。所以这不是一个html5或css3问题(正如它目前被标记的那样)。它甚至不适用于网络浏览器。
.container {
  height: 150px;
  width: 150px;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
   border: 1px solid red;
}

.container div {
  -webkit-align-self: flex-end;
  align-self: flex-end
}