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
动手用上面的例子，理解绝对，相对的概念。
相关文档：
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用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 ......
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-family:'宋体';}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,a,span {overflow:hidden;}
table{border-collapse:collapse;border-spacing:0; font-size:12px;}
td { line-height:18px ......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
