鍍金池/ 問答/HTML/ 這個(gè)布局有哪些實(shí)現(xiàn)方式？

這個(gè)布局有哪些實(shí)現(xiàn)方式？

一個(gè)content，一個(gè)footer，content+footer大于屏幕高度時(shí)footer跟在content后面，content+footer小于屏幕高度時(shí)，footer在底部

回答
編輯回答
萌小萌

現(xiàn)在有vh這個(gè)視口大小單位了，把content和footer的父元素設(shè)成min-height: 100vh，footer的position設(shè)成relative，bottom設(shè)為0

2018年8月21日 05:23
編輯回答
單眼皮

用JS也可以實(shí)現(xiàn)，先獲取content與footer這兩個(gè)元素 ，然后通過window.innerheight對(duì)這兩個(gè)高的和作比較，，然后父相子絕定位實(shí)現(xiàn)。

2017年7月29日 03:29