1、logo用<a>标签包围 并给img设置：border：0（放置IE浏览器出现框）
2、搜索框内有图片，处理方式：
父级div设置border，并调好位置
子级input设置border 0 ;height 100%
图标用<span>包围，设置位置
3、font-size测量方法，字的高度便是大小
4、nav栏中第一个栏与其他栏侧边不同时处理方法：
先设置好着呢个·整个nav宽度，设置每个栏padding-left:npx;再设置整个nav栏的的margin,记得减去n,(以为padding会撑开)
5、子元素设置margin-top失效，给父元素设置overflow：hidden即可。
注，尽量用margin-left调节左右位置，用line-height调节高度。（方便上下居中）
6、新闻中，新闻内容在左边，日期在右边问题的解决方法
html中：<ul><li>我在写博客园</li><span>2016-7-16</span></ul>
css中：li{float:left} span{float:right}
7、解决为元素加边框紧贴问题，利用padding撑开的特性，为子元素设置padding即可
8、设置图片居中，HTML放个div，在css中设置div的宽高和background：center；
原文：http://www.cnblogs.com/chenluomenggongzi/p/5676820.html