css上div一直在底部

在使用CSS进行页面布局时，我们常常会用到div元素。但是，有时候我们会发现它们一直在页面的底部，这可能是由于以下原因：

div {
  position: absolute;
  bottom: 0;
} 

使用以上代码后，我们会发现div元素被设置在了屏幕底部，这是因为它的position属性被设置为了absolute，而bottom属性被设置为0。这意味着该元素将被放置在页面的底部，并且将不会随着页面滚动而移动。

为了解决这个问题，我们可以尝试使用以下代码：

div {
  position: relative;
  bottom: 0;
} 

使用以上代码后，我们发现div元素仍然位于页面底部，但是它现在会随着页面的滚动而移动。这是因为现在div元素的position属性被设置为了relative，这意味着它将被放置在其父元素的基础上，并且bottom属性会保持为0。

最后，我们还可以尝试使用以下代码：

div {
  position: fixed;
  bottom: 0;
} 

使用以上代码后，我们会发现div元素仍然位于页面底部，但是它现在将不会随着页面滚动而移动。这是因为现在div元素的position属性被设置为了fixed，这意味着它将被放置在浏览器窗口的底部，并且bottom属性会保持为0。

在使用CSS布局时，我们需要根据具体情况选择不同的元素定位方式，只有这样才能实现我们想要的效果。