通过将容器div设置为position:relative和the child divs到position:absolute可以绝对地将div放在容器的范围内。
这样就可以使用bottom:0px将所有垂直方向与容器底部对齐,然后使用左/右样式沿水平轴定位。
HTML:
left
center
right
CSS:
#container {
position:relative;
height:400px;
width:100%;
border:thick solid black;
}
#container div {
background:grey;
width:200px;
}
#left {
position:absolute;
left:0px;
bottom:0px;
}
#center {
position:absolute;
left:50%;
margin-left:-100px;
bottom:0px;
}
#right {
position:absolute;
right:0px;
bottom:0px;
}
注意:对于“center”div,margin-left = div的宽度的1/2
希望有帮助:)