http://www.zhangxinxu.com/study/200908/margin-overlap.html
其子元素设置了margin-top 值 导致了其父元素margin的重叠。加了border正好可以修复这个问题。其问题的其他解决方案 可以详看上面的那篇文章。
由于客户要求，打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 <link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” />正因为xhtml和css是分离的，所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也要求我们在书写xhtml的时候更 多考虑到打印显示效果的需求，良好的扩展标记和结构嵌套，使得我们轻松的使用display:none将内容设置为不显示。然后就是去书写 print.css内容的时候了，你象设置word一样去写你想打印的页面吧。 后来想了想，其实单独写一个css增加了请求次数，就想到了@media print{}的作用，代码如下 @media print{ .printdesc { right: 0width: 685pxheight: 69pxbackground-color: #FFFFFFfloat:leftoverflow:autoborder:0px} .text{ float:rightwidth: 688pxmargin-top:20px} .printlink{ height:0pxdisplay:nonewidth:0pxz-index:-10} .printlink a{ display:none} } 后来想到如果打印页面的某一部分，可以使用iframe来进行操作，现在的打印页面的局部内容基本上就是使用iframe进行处理。
