仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 853|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS实例教程:永久在网页底部的网页结构

[复制链接]
山那边是海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:54:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
网页制造poluoluo文章简介:CSS实例教程:永久在网页底部的网页结构.
看这个网页的底部,为何会跑到那儿往呢?即便内容很少的情形下,它也一直在页面的底部。
不然页面底部将留下大批空缺。

上面是它完成的代码:
<divid="wrap">
<divid="main"class="clearfix">
<divid="content">
</div>
<divid="side">
</div>
</div>
</div>
<divid="footer">
</div>


html,body,#wrap{height:100%;}
body>#wrap{height:auto;min-height:100%;}
#main{padding-bottom:150px;}/*必需利用和footer不异的高度*/
#footer{position:relative;
margin-top:-150px;/*footer高度的负值*/
height:150px;
clear:both;}


兼容性Hack:

.clearfix:after{content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix{display:inline-block;}
/*HidesfromIE-mac*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*EndhidefromIE-mac*/

你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-17 23:48:36 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
老尸 该用户已被删除
板凳
发表于 2015-1-24 15:34:00 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
金色的骷髅 该用户已被删除
地板
发表于 2015-2-2 06:03:30 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-7 17:50:48 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
蒙在股里 该用户已被删除
6#
发表于 2015-2-22 22:37:28 | 只看该作者
可以使用 CSS 检查工具进行设计。
若相依 该用户已被删除
7#
发表于 2015-3-14 14:56:40 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
透明 该用户已被删除
8#
发表于 2015-3-21 12:19:48 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-17 10:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表