标签：
1、
解决方案： 全局增加样式
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
父级元素调用clearfix原因：浮动，注释，宽高定义
解决方案：为容器里面的a加个_position:relative样式
解决方案： img{display:block;}或者img{vertical-align:top;} 在或者 img{font-size:0}
解决方案： input{vertical-align:middle;}
解决方案： 设置文本的行高等于容器的高度。举例：height:25px;line-height:25px;
解决方案： 设置容器的宽度和white-space:nowrap
解决方案： 设置容器宽度，设置文本一行显示，溢出截断并显示省略号。例子：
.test {width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.test {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
解决方案： word-wrap:break-word;
解决方案：
a {outline:none;blr:expression(this.onFocus=this.blur());}
解决方案：
body{text-align:center;} .wp{width:980px;margin:0 auto;text-align:left;}
解决方案：
table{border-collapse:collapse;}
table th,table td{border:1px solid #ddd;}
解决方案：
*{filter:gray; color:gray;}
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
原因： 这种现象叫：“外边距合并”，两间距相邻取大。 此现象也出现在父子元素。
注意： 浮动元素和绝对定位元素，不会和相邻的元素产生外边距合并；内联块级元素间不会产生外边距合并；根元素间不会产生外边距合并（如html与body间）；设置了属性overflow且值不为visible的块级元素不会与它的子元素发生外边距合并。
标签：
原文地址：http://www.cnblogs.com/sunscheung/p/5192158.html
