网站设计之CSS布局设计:让页脚始终保持底部的方法
有时候，我们用CSS创建一个高度自适应布局设计，如何保证页脚（footer）在网站内容不超过一屏的情况(Condition)下始终保持在布局设计最下方是一个比较头疼的事。上海网站建设公司不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组，负责网站不同方面的设计。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结(zǒng jié)出一个利用负值外补丁的方法来实现这个效果的方法，兼容IE5.0+，Opera 8.5+，Firefox 1.5+。下面我们看步骤：
1、为了让浏览器识别高度100%我们需要先给 html 和 body 加上一个高度值，同时清除所有元素的 margin 和 padding。顺便提一下，经过我的测试，html 和 body 的 height: 100%; 等于整个浏览器窗口的总高度，无论网站内容是否超过一屏。而它们下一级子元素 height: 100%; 则等于第一屏的高度。如何，是不是有点不好理解？
　　* {margin: 0;padding: 0;}
　　html, body {height: 100%;}
　　2、因为上面提到的问题(Emerson)，所以为了让布局设计自适应高度，我们要加上 min-height: 100%；虽然IE不支持这个属性(shǔ xìng)但是IE的 height: 100%; 有同样的作用：
　　#wrapper {min-height: 100%;}
　　* html #wrapper {height: 100%;}
　　这样，一个最简单的最小高度满一屏的自适应布局设计就做好了。上海网站建设公司通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。上海网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF，JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。上海网站建设而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。为了便于查看，我加了一些宽度和背景色修饰，如下：
　　* {margin: 0;padding: 0;}
　　html, body {height: 100%;text-align: center;font: 12px/1.4 Verdana, sans-serif;background: #f00;}
　　#wrapper {width: 770px;min-height: 100%;background: #ccc;margin: auto;text-align: left;}
l     html #wrapper {height: 100%;}
网站设计时，CSS布局设计时很重要的网站内容