HTML停靠到底部

概述我有以下 HTML： <div class="gallery-item"> <a href="ddd.pdf" style="display:block; width: 100%;"> <span id="filename_1" style="white-space: nowrap;">Hello</span> </a> <div id="commands"> <inp 我有以下 HTML：

<div >  <a href="ddd.pdf" >    <span ID="filename_1" >Hello</span>  </a>  <div ID="commands">    <input type="text" Readonly="Readonly" value="https://blob">    <a href="sdfasdfasdfasdf">Delete</a>  </div></div>

CSS：

.gallery-item {  border: 1px #AAA solID;  display: inline-block;  margin: 2px;  padding 2px;  wIDth: 130px;  height: 90px;  text-align: center;  border-radius: 5px;  vertical-align: mIDdle;}      .gallery-item #commands {    line-height: 4px;    padding-bottom: 1px;    vertical-align: bottom;    bottom: 1px;  }

我想将命令div对齐到gallery-item分类div的底部.以上都没有工作,命令坚持前面的元素：

解决方法 添加位置：相对于父级.

.gallery-item {    position: relative;}.gallery-item #commands {    position: absolute;    bottom: 1px;}

使用定位时,需要明确指定.

总结

以上是内存溢出为你收集整理的HTML停靠到底部全部内容，希望文章能够帮你解决HTML停靠到底部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。