您的位置:首页 > Web前端 > CSS

CSS控制底部位于窗体最下面,常用于版权和页脚

2014-08-18 20:51 239 查看
今天做手机页面碰到内容不满屏,但页脚又得靠最下边,网上找了个办法思路很好,还可以保证窗口缩小时不会出现重叠,自适应很有用。

基本思路如下,将页面分两块  wrapper部分和footer部分,内容main放在wrapper里

然后给wrapper设定最小高度100%,撑开页面。

给main设下内边距,等于页脚高度;

给页脚设相对定位,上外边距为等于负的自身高度。

画个草图:



保证页至少位于页面底部,同时页面缩小时候页脚会顶到main的下内边距里,不会出现重叠。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css页脚