今天做手机页面碰到内容不满屏,但页脚又得靠最下边,网上找了个办法思路很好,还可以保证窗口缩小时不会出现重叠,自适应很有用。
基本思路如下,将页面分两块 wrapper部分和footer部分,内容main放在wrapper里
然后给wrapper设定最小高度100%,撑开页面。
给main设下内边距,等于页脚高度;
给页脚设相对定位,上外边距为等于负的自身高度。
画个草图:
保证页至少位于页面底部,同时页面缩小时候页脚会顶到main的下内边距里,不会出现重叠。
今天做手机页面碰到内容不满屏,但页脚又得靠最下边,网上找了个办法思路很好,还可以保证窗口缩小时不会出现重叠,自适应很有用。
基本思路如下,将页面分两块 wrapper部分和footer部分,内容main放在wrapper里
然后给wrapper设定最小高度100%,撑开页面。
给main设下内边距,等于页脚高度;
给页脚设相对定位,上外边距为等于负的自身高度。
画个草图:
保证页至少位于页面底部,同时页面缩小时候页脚会顶到main的下内边距里,不会出现重叠。