CSS控制底部位于窗体最下面,常用于版权和页脚
2014-08-18 20:51
239 查看
今天做手机页面碰到内容不满屏,但页脚又得靠最下边,网上找了个办法思路很好,还可以保证窗口缩小时不会出现重叠,自适应很有用。
基本思路如下,将页面分两块 wrapper部分和footer部分,内容main放在wrapper里
然后给wrapper设定最小高度100%,撑开页面。
给main设下内边距,等于页脚高度;
给页脚设相对定位,上外边距为等于负的自身高度。
画个草图:
保证页至少位于页面底部,同时页面缩小时候页脚会顶到main的下内边距里,不会出现重叠。
基本思路如下,将页面分两块 wrapper部分和footer部分,内容main放在wrapper里
然后给wrapper设定最小高度100%,撑开页面。
给main设下内边距,等于页脚高度;
给页脚设相对定位,上外边距为等于负的自身高度。
画个草图:
保证页至少位于页面底部,同时页面缩小时候页脚会顶到main的下内边距里,不会出现重叠。
相关文章推荐
- CSS 怎么让弹出层位于鼠标下面
- css控制DIV在底部(可以适应不同分辨率)
- css控制div固定在浏览器底部
- CSS + DIV 让页脚始终底部
- 如何css控制div始终在整个页面最底部
- CSS实例:让页脚保持在未满屏页面的底部
- CSS + DIV 让页脚始终底部
- div footer标签css实现位于页面底部固定
- 如何控制CSS使一个div位于最上层
- CSS + DIV 让页脚始终底部
- CSS应用——让页脚紧贴页面底部
- 【JS】底部版权常用写法
- MDI编程常用窗体控制语句
- HTML+CSS布局(常用css控制属性)小结
- 一段永远让div位于页面底部的css代码
- common.css文件 网页设计常用的基本css控制
- 【JS】底部版权常用写法
- CSS控制DIV层固定在浏览器底部
- css让页脚始终在底部不论页面内容多少
- CSS + DIV 让页脚始终底部