css底部靠右,css – 左,中,右对齐在同一行底部的div

通过将容器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

希望有帮助:)