我正在尝试将子div标签与父div标签的底部或基线对齐.
我想做的就是让父Div的基线处有Div,这就是现在的样子：
HTML
<div id="parentDiv"> <div class="childDiv"></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;
}
声明绝对元素时,它根据其最近的非静态父级(它必须是绝对的,相对的或固定的)来定位.
