CSS网站布局div高度自适应 解决
很多的Web
designer在刚接触W3C标准的时候，都遇到过高度自适应的问题。因为div等对象的height:100%;并不能够直接产生实际效果，于是开始
怀疑浏览器是否支持height:100%;的编写方法？当然不是，最明显的例子就是table
height="100"是没有任何问题的。这是很令人烦恼的问题。我浏览了很多网站，包括www.w3cn.org等，有的解决办法是不断地修改
height的固定值，或者利用页面背景和div背景相同来欺骗浏览者的视觉，但都没有从根本上解决问题。今天从一本《CSS网站布局实录》上终于找到最
完美的解决办法，来看一下这段高度自适应的CSS代码：
html,body{
margin:0px;
height:100%;
}
#left {
background-color:#CCC;
width:300px;
height:100%;
float:left;
}
代码已经到了不能再简单的地步，对#left对象设置了height:100%;，然而也能够看见，同时设置了HTML与body的height:100%;，而这个就是高度自适应问题的关键所在。
分析：
一个对象高度是否可以使用百分比显示，取决于对象的父级
对
象，#left在页面中直接旋转在body之中，因此它的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设
置#left为height:100%;时，不会产生任何效果，而当我们给body设置了100%之后，它的子级对象#left的
height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外，还给HTML对象也应用相同的样式
设计，这样做的好处是使IE与firefox浏览器都能够实现高度自适应，而body却不是。另外，Firefox中的HTML标签不是100%高度，因
此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。
相关文档：
SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢？代码精简使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直� ......
SpriteMe是Google的一个开源项目，可以用来方便地找出一个页面中所使用的图片，然后可以将所以图片合并到一个“Sprite”图片，然后再通过
CSS控制调用哪一个区域，其提供了一个网站来安装，演示使用方法，http://spriteme.org/ 。
安装方法很简单，按照上面那个页面上的提示，将一个链接拖到“书签� ......
本文为大家收集精选了30个使用纯CSS
完成的强大实践的优秀CSS技术和实例
，您将在这里发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。
单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文)，单击每个实例的图片截� ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可以使用() ......
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox
*+ht ......
