css浮动到底部 |css3 多媒体

下面介绍一种简单的实现方式：

.parent{
position:relative;
height: 100%;
}
.child{
position:absolute;
bottom:0;
}

上述代码中，大家先给父元素设置相对定位（position:relative;）。然后，在子元素中设置绝对定位（position:absolute;）和 bottom:0;。这样，子元素就会固定在父元素底部。

需要注意的是，当父元素高度不确定时，可能会出现子元素不在底部的情况。可以通过设置父元素高度为100%（height:100%;）来解决这个问题。

在实际应用中，大家可以使用这种方法来实现页面底部的悬浮菜单、底部固定版权信息、留言框等效果。