每日小结2.20

昨晚看了腾讯课堂的公开课,自己也学着做了一个。
在线demo ，支持IE7及以上

下面说说遇到的几个问题

1. 关于浮动清除

参考资料（源链接无法打开给了个转载链接）

.cf::after {
      content: "";
      display: table;
      clear: both;

在chrome里用以上代码使塌陷的父元素新被撑开，但是在IE7里需要添加

.cf {zoom: 1}

另外IE8不支持伪元素的双冒号，需用伪类的单冒号

2. 在chrome下，仅需对下拉菜单做绝对定位（相对其父元素），但在IE7/8下必须设置top和left属性，否则会错位。

3. 对导航栏下的li标签和li下的ul标签设置一样的宽度，可以实现下拉菜单跟菜单的宽度一致。

4. 行内元素只有line-high对高度起作用，要通过block化才能使padding和margin对高度起作用。