要实现的效果:
如果上面元素较少,提交按钮在屏幕底部,如果上面元素较多,接近一屏,或者超过一屏,按钮随之下移。
需要以下几点:
如果不写第三条,在某种情况下会有问题。
当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,这个像素值>=按钮
栏的高度