如何让div始终显示在屏幕底部

工具/原料

• 电脑
• 代码编纂器（本文用的HBuilder）

方式/步骤

1. 1

   新建一个html页面，在body标签里新建一个class为bottom的div,并给div加上width,height等根基属性

   
2. 2

   在网页中打开，可以看到div处于页面顶部，而且div周围有空白

   
3. 3

   回到编纂器，给body加上margin和padding，去失落页面默认的空白，而且给div加上bottom和position属性

   
4. 4

   再来看一下结果，此刻div已经位于底部，而且周围空白已经消逝

   
5. 5

   我们来给body加一个大一点高度，让页面滚动起来，看是否一向位于屏幕底部

   
6. 6

   打开页面，滚动到页面中心部门，div始终位于屏幕底部。

   

注重事项

• 感谢大师，有问题大师可以提出来