[分享]css中div固定在底部

CSS中可以用属性来实现让一个div固定在底部的效果。首先需要在HTML中设置一个包含内容的父容器，比如一个body或者一个具有固定高度的容器。然后在父容器中设置为relative，这样子元素的设置就...

CSS中可以用position属性来实现让一个div固定在底部的效果。

首先需要在HTML中设置一个包含内容的父容器，比如一个body或者一个具有固定高度的容器。然后在父容器中设置position为relative，这样子元素的position设置就是相对父容器的。

 body {
        position: relative;
        height: 1000px;
    } 

接下来在子元素中设置position为absolute，并且设置bottom为0，这样子元素就会固定在父容器的底部。

 .footer {
        position: absolute;
        bottom: 0;
        height: 50px;
        width: 100%;
        background-color: #ccc;
    } 

上面是一个简单的例子，.footer就会被固定在父容器的底部。