DDR爱好者之家 Design By 杰米
1. HTML基本结构
XML/HTML Code复制内容到剪贴板- <!DOCTYPEhtml>
- <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
- <headrunatheadrunat="server">
- <title>layout</title>
- </head>
- <body>
- <divclassdivclass="header">
- <h1>head of your website.</h1>
- </div>
- <divclassdivclass="wrapper">
- <divclassdivclass="content">
- <h2>Your website content here.</h2>
- <scripttypescripttype="text/javascript">
- for(var i = 0; i<100;i++){
- document.write(i + "<br />");
- }
- </script>
- </div>
- <divclassdivclass="clear"><!-- 必不可少 --></div>
- </div>
- <divclassdivclass="footer">
- <div><h1>
- Copyright (c) 2012</h1></div>
- </div>
- </body>
- </html>
2. CSS样式
CSS Code复制内容到剪贴板- <styletype="text/css">
- *{
- margin: 0;/* 把默认值都设为0 */
- }
- html, body
- {
- height: 100%;
- width:85%;
- margin:0auto;/* 居中 */
- }
- .header
- {
- height:100px;
- background-color:Fuchsia;
- }
- .wrapper
- {
- min-height: 100%;/* IE6 hack*/
- height: auto!important;/* height优先级 */
- height: 100%;
- margin: 0auto-4em;/* 负值必须等于footer的高度 */
- }
- .content
- {
- background-color:Silver;
- }
- .clear/* 清除浮动 */
- {
- height: 4em; /* clear的height必须和footer的值样高 */
- clear:both;
- }
- .footer
- {
- height: 4em;
- background-color:Aqua;
- }
- </style>
以上这篇利用CSS使footer固定在页面底部的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年05月17日
2024年05月17日
- 高胜美《经典金选》1991-1994 4CD[WAV整轨][1.9G]
- 【迷幻电音】AstralWaves-2023-Singles,RemixesandRaritiesII(FLAC)
- 中唱唱片群星《好歌珍藏-游子情深》2CDWAV
- 张国荣.2011-极品天碟LPCD45II(雨果版)【环球】【WAV+CUE】
- 张学友《醒着做梦》[DFF][1.1G]
- 刘惜君 《如我》[WAV分轨][403M]
- 白玛多吉《梦》限量1:1母盘直刻[低速原抓WAV+CUE][508M]
- 魏金栋-金歌新曲-梦里全是桂花香2CD[天凡之音][WAV+CUE]
- 鲛岛有美子-樱花赋HQCD[天龙][WAV+CUE]
- [In-Akustik7506]ReferenceSoundEdition-GreatWomenOfSong(2014)HQCD[WAV+CUE]
- 日本EMI超级名盘TOGE-11035-36BeethovenFidelio-Furtwngler
- 宝丽金50周年2010《古典篇》3CD限定盘[低速原抓WAV+CUE]
- 华纳群星.1992-永远新一天华纳15周年金钻群星演唱会2CD【华纳】【WAV+CUE】
- 原声《功夫熊猫4 OST》[FLAC][545M]
- 陈奕迅《酝酿》[WAV分轨][502M]