怎么只用css实现按钮一直在页面的最底部

html-css013

怎么只用css实现按钮一直在页面的最底部,第1张

要实现的效果:

如果上面元素较少,提交按钮在屏幕底部,如果上面元素较多,接近一屏,或者超过一屏,按钮随之下移。

需要以下几点:

如果不写第三条,在某种情况下会有问题。

当list总条数接近屏幕底部的时候,列表会被按钮挡住:

完整demo:

1、首先设置要了解网页页面布局框架结构,设定宽高和边框,以及设置好class或者ID名称。

2、打开Dreamweaver CS5,点击新建HTML。

3、根据设定的网页布局,设置div网页结构。

4、添加div标签的class名称,这里也可以使用ID类名。

5、 编辑CSS控制div块的宽高和背景。

6、 这样就可以让子元素置于底部。

不想让按钮遮住内容的话,可以给内容这层div添加如:

margin-bottom

:100px

或者

padding-bottom:100px,这个像素值>=按钮

栏的高度