这个布局有哪些实现方式?

一个content,一个footer,content+footer大于屏幕高度时footer跟在content后面,content+footer小于屏幕高度时,footer在底部

阅读 1.5k
2 个回答

现在有vh这个视口大小单位了,把content和footer的父元素设成min-height: 100vh,footer的position设成relative,bottom设为0

用JS也可以实现,先获取content与footer这两个元素 ,然后通过window.innerheight对这两个高的和作比较,,然后父相子绝定位实现。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题