【flex】完美页脚

用flex布局来实现的话,就是把“三列布局”给放倒。
三列布局是水平方向排列,因此需要指明容器宽度。
放倒以后需要指明高度,这样在中间内容不够的情况下,自动拉伸中间部分,能保持页脚始终在页面下方。
但是由于文档高度可以是超过视口高度的,因此需要指明min-height,而不是height。
html 代码

本系列文章导航:
//notes/17398/142325bb05237cb5b9459e557557ee8e.html

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复