css定位的区别：relative,absolute
首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
margin:0;
border:0;
}
其次，练习时用这个例子：
html内容：
<body >
<div id="container1">
<div id="container2">
</div>
<p>
<-- 这里要多写些字，5行以上吧，-->
</p>
</div>
</body>
css内容：
body
{
margin:0;
border:0;
}
#container1
{
width: 400px;
height:400px;
margin:10;
border:1px solid #000;
background: #592;
}
#container2
{
width: 200px;
height:200px;
border:1px solid #000;
background: #582;
}
参考这个链接里的讲解：
http://www.pqshow.com/design/htmlcss/200912/12653.html
动手用上面的例子，理解绝对，相对的概念。
相关文档：
Web前端
网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
AJAX自从引进了Tab，着实让我开心了一番。但是，在调整Tab的样式的时候，也着实让我吃了一惊。
于是，抱着没有困难也要制造困难的原则，开始了征途：
按照Tab作者Ronald Buckton所说，Tab的CSS包含如下几个类：
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
在使用“float”时，因为“float”是javascript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......
什么情况下会出现换行：
当元素设置了固定高度，并且文本长度大于标签元素的宽度时，文本会自动换行。
css强制换行使用样式：white-space:nowrap;该样式从效果上是没有浏览器差异，使用该样式后所有文字在ie和firefox下都在一行内显示。但是在IE下使用该属性值后标签元素宽度会被撑大，从而可能导致原来页面布局被破坏。
......
