css定位div到屏幕底部

在实际的网页制作中，我们常常需要将一些内容定位到屏幕底部。这种情况下，我们需要使用CSS来完成这个任务。通过设置div元素的定位属性和高度属性，我们可以将一个div定位到屏幕底部。

div{
    position: fixed;
    bottom: 0;
    height: 100px;
}

上述代码中，我们设置了该div的position属性为fixed，这意味着我们将其定位到浏览器窗口的固定位置。然后，我们设置bottom属性为0，这会将div定位到浏览器窗口的底部。最后，我们设置了该div的高度为100px。

需要注意的是，如果页面内容超过了浏览器窗口高度，该div将会被内容所覆盖。为了解决这个问题，我们可以将该div放到一个容器中，并给容器设置一个min-height属性，来确保容器始终高于页面内容。

.container{
    min-height: 100%;
    position: relative;
}
div{
    position: absolute;
    bottom: 0;
    height: 100px;
}

上述代码中，我们将该div放到一个名为.container的容器中。这个容器的min-height属性被设置为100%，这样，无论页面内容有多高，该容器始终高于内容。我们将该div的position属性设置为absolute，这样它可以相对于容器定位。最后，我们再次设置了该div的高度为100px。

完成以上步骤后，我们就可以将一个div固定到屏幕底部了。需要根据实际情况调整div的样式和容器的尺寸，以便达到最佳效果。