<style>
#div1{width:400;height:300;border:1px solid #000;position:relative}
#div2{width:300;height:200;border:1px solid red;}
#div3{width:200;height:100;border:1px solid blue;}
#son{position:absolute;right:10px;}
</style>
<div id=”div1″>
<div id=”div2″>
<div id=”div3″>
<p id=”son”>11</p>
</div>
</div>
</div>
position:absolute的定位在父容器里有position:relative的属性时（后来得知是非static的属性都可以，有空试试），会根据父容器来定位。并且会一直追溯上层的父元素。
如果找不到具有position:relative的父容器，那么会根据body窗口来定位了，也测试出来IE和FF是一样的。
但是今天确碰到了IE和FF下不一样的问题，可能是哪个属性影响了，还没查到。还以为本来就不一样，就做了这个试验。
checkbox的onchange事件不是很常用，一般都用了onclick去判断选中还是没选中。正好偶然用到的时候发现居然在IE里和firefox里的触发情况不一样。
<input type=”checkbox” onchange=”alert(’onchange’);” />
在IE下，不会立即触发，会在失去焦点的时候触发，比如在边上空白的地方点一下。
但是firefox下，只要改变状态立即触发。
我再拿了其他的几个控件试了下。
<input type=”text” onchange=”alert(’onchange’);” />
<textarea onchange=”alert(’onchange’);” /></textarea>
情况不一样，IE和ff下都是要失去焦点的时候才会触发。唯独checkbox不一样，不知道还有没有其他的控件有差别的。
不知道IE7，IE8下是什么情况，我仅仅测试了IE6
CSS的编码不对的时候，在firefox下可以正常显示，但是在IE6下会使CSS失效。
今天碰到，着实让我郁闷了好一会，后来想到aptana写的CSS是utf8的，转换成GB2312后显示正常。我开始还以为标签漏了或者注释引起的。呵呵
后来还改错了文件夹，改了其他的CSS文件的编码，绕了好大的圈子。
JS的继承应该有很多种实现方式。
最常用的是原型继承。
function parentClass(){
method () { }
}
function subClass (){
method2(){}
}
subClass.propotype =new parentClass;
subClass.propotype.constructor=subClass;
这样subClass就继承了parentClass
JS的怪异语法真让我头疼，什么时候JS也正规一点。