html – 将DIV与底部或基线对齐

概述我正在尝试将子div标签与父div标签的底部或基线对齐. 我想做的就是让父Div的基线处有Div,这就是现在的样子： HTML <div id="parentDiv"><div class="childDiv"></div></div> CSS #parentDiv{ width:300px; height:300px; background-color:#ccc; back 我正在尝试将子div标签与父div标签的底部或基线对齐.

我想做的就是让父div的基线处有div,这就是现在的样子：

HTML

<div ID="parentdiv"><div ></div></div>

CSS

#parentdiv{  wIDth:300px;  height:300px;  background-color:#ccc;  background-repeat:repeat}#parentdiv .childdiv{  height:100px;  wIDth:30px;  background-color:#999;}

注意

我会有多个不同高度的childdivs,我需要它们全部对齐到基线/底部.

解决方法 你需要添加这个：

#parentdiv {  position: relative;}#parentdiv .childdiv {  position: absolute;  bottom: 0;  left: 0;}

声明绝对元素时,它根据其最近的非静态父级(它必须是绝对的,相对的或固定的)来定位.

总结

以上是内存溢出为你收集整理的html – 将DIV与底部或基线对齐全部内容，希望文章能够帮你解决html – 将DIV与底部或基线对齐所遇到的程序开发问题。

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