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
动手用上面的例子，理解绝对，相对的概念。
相关文档：
先来看下position各属性的解释
absolute
: 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom&q ......
什么情况下会出现换行：
当元素设置了固定高度，并且文本长度大于标签元素的宽度时，文本会自动换行。
css强制换行使用样式：white-space:nowrap;该样式从效果上是没有浏览器差异，使用该样式后所有文字在ie和firefox下都在一行内显示。但是在IE下使用该属性值后标签元素宽度会被撑大，从而可能导致原来页面布局被破坏。
......
css是什么？这是初学网页设计的同学们遇到的第一个问题，在学习网页制作之前，你一定要了解网页制作的大局，有了全局的了解，才知道怎么去学习。
网页设计分为：前台页面设计，后台程序设计。
前台页面设计分为：html,css,javasript,ps,flash（这几个都要了解哦，熟练掌握css）
后台程序设计分为：asp,php,asp.net（只要 ......
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方 ......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
