• 一个竖向导航,假设ul宽度为100px,li不浮动,在各浏览器下都会正常显示,当li左浮动时,在标准浏览器下,li会横向排列,如果第一行的剩余空间的宽度不够下一个li,下一个li自动换到第二行,第二行亦然;在ie7下,如果第一行的剩余宽度不够下一个li,这个li依然会排列在第一行,但是会换行,第二行亦然;在ie6下,li的宽度依然像块级元素一样与父元素ul一样宽,因为a为块级元素且宽度为100%或auto。
  • ie6下,如果要将竖向导航改变为横向导航,除了li要浮动外,a链接的宽度也要恢复到默认值auto并且不能为块级元素,这样宽度才会随内容自适应;或者直接为内联块级元素并设置固定宽高;总之a千万不能设置为块级元素宽度又设置为100%或auto。
  • 二级导航菜单在ie6(不支持:hover)下触发弹出层时会错位
  • 解决方法: * html ul li{float left; zoom:1;} * html ul li a{ zoom:1;}
  • h3标题父层有上padding时,h3的上margin失效。