摘要：css: .menu{ overflow:hidden; _zoom:1; /* ie6 hack */ } .menu li{ float:left; }html: <ul class="menu"> <li>11111111</li> <li>22222222</li> <li>33333333</li> </ul>这种方法清除浮动很有用。在浮动元素后面加<div style="clear"></div>（或其他方法）来清除这种浮动 阅读全文

摘要：IE6和更早的版本会在一个浮动的列(橙色)和一个非浮动的列(灰色)之间插入一个3px的空间。这个3px空间的准确位置取决于几个条件。非浮动列没有固定的宽度或者高度。非浮动列有固定的宽度或者高度。当满足第1种条件时，非浮动列里会沿着浮动列有个3px的缩进，直到浮动终止(如下图，注意在灰色的左边有3px的空间)。如果要修复这个BUG，要完成两个步骤。第一步，给非浮动列一个高度(height: 1px)。当完成这个步骤时，就满足了上面所说的第2个条件，非浮动列有固定的宽度或高度。这时3px的空间会出现在浮动列与非浮动列的中间，而不是非浮动列的里面(如下图，注意在橙色与灰色的交界处有3px的空间)。有 阅读全文

摘要：今天做项目是发现，在ie6下，当元素内的文字和img、input、textarea、select、object等元素相连时，行高line-height失效！到百度搜索发现：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效； 同时以上元素的行高可能×2：受 影响的浏览器： Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Microsoft Internet Expl 阅读全文