求一个css框架_html/css_WEB-ITnose
程序员文章站
2022-06-13 16:21:10
...
页面分三大块头部 中间部分 和底部
要求header 和footer始终固定在屏幕最上方和最下方
main高度不固定,要求垂直方向居中(在header和footer之间垂直居中),内容比较多时,可以出现滚动条。
请各位达人帮忙写下这三个div的css!自己写了几个始终不能达到理想的效果!
分享
要求header 和footer始终固定在屏幕最上方和最下方
main高度不固定,要求垂直方向居中(在header和footer之间垂直居中),内容比较多时,可以出现滚动条。
请各位达人帮忙写下这三个div的css!自己写了几个始终不能达到理想的效果!
回复讨论(解决方案)
这样?没明白main垂直居中什么意思。。
页头要求header 和footer始终固定在屏幕最上方和最下方 main高度不固定,要求垂直方向居中(在header和footer之间垂直居中),内容比较多时,可以出现滚动条。
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1 1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
不兼容ie6-,因为不支持fixed定位,需要用js,懒得写了,你要兼容ie6自己写js
这样?没明白main垂直居中什么意思。。
XML/HTML code
?
12345678910111213
引用 1 楼 showbo 的回复:这样?没明白main垂直居中什么意思。。
XML/HTML code
?
12345678910111213
ougouAnswer"> 引用 3 楼 suncaser 的回复:
引用 1 楼 showbo 的回复:这样?没明白main垂直居中什么意思。。
XML/HTML code
?
12345678910111213
ougouAnswer"> 没明白什么叫上下方向居中。。。页头和页脚大小不一样而且覆盖在上面,怎么垂直居中。。??
没明白什么叫上下方向居中。。。页头和页脚大小不一样而且覆盖在上面,怎么垂直居中。。??
我想我画个图更直观一些!
这个明白了,得用js来定位了
页头要求header 和footer始终固定在屏幕最上方和最下方 main高度不固定,要求垂直方向居中(在header和footer之间垂直居中),内容比较多时,可以出现滚动条。
1
1
1
1
1
1
1
1
1
1
1
1
这个明白了,得用js来定位了
XML/HTML code
?
1234567891011121314151617181920212223
eixin" class='wechat'>微信
推荐阅读
-
使用HTML5和CSS3制作一个模态框的示例
-
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
-
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
-
【实战】如何通过html+css+mysql+php来快速的制作动态网页(以制作一个博客网站为列)
-
用Html+Css+JavaScript中的事件和正则表达式做一个“个人信息登记表“
-
HTML5 利用CSS3 中的3D 模块绘制一个旋转3D正方体
-
HTML+CSS 实现一个立方体
-
html中css3之3d基本知识点 完成一个立方体的并且让其旋转
-
HTML+css animation动画效果——做一个五角星轨迹运动
-
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果