商业web应用中正确的使用header,container,footer布局页面 有更新!

2017-03-07

当你百度“如何让Div居于页面底部”,相信很多人给你的答案都是:
position:fixed;bottom:0
或者

body{position:relative}
.footer{position:absolute;bottom:0}

然而这种代码导致的结果是,当一个页面高度超出屏幕高度时,底部永远显示在用户界面的下方,但我们想要的结果往往是仅仅当用户下拉到页面底部时,才显示footer的Div。
所以lm在这里想要给大家介绍一下,我们公司经常使用的header,container,footer页面布局方式