需要让按钮保持在页面最底部位置。要求是:如果页面内容少于页面高度,按钮需要保持在页面底部的位置,如果页面内容超出了页面高度,就需要让按钮始终保持在内容下方。
如果用fixed位置属性,会让按钮固定在底部。如果内容超过了页面位置,就会覆盖内容。始终在页面底部。如果是absolute属性,就会在页面底部,如果内容超出页面高度,滚动,按钮会覆盖内容,跟着页面上下滚动,更不适合。
所以想到一个简单的办法,就是把页面内容放入一个div里面,div设置最小高度是90%的页面高度。而另一个按钮div排列在下面。这样就可以让按钮始终在页面高度90%以下了,并且如果内容超过了页面高度,按钮就会始终排列在内容下方,而不是始终固定在底部显示。