css学习笔记 10

• 一个竖向导航，假设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失效。