[转]关于IE的layOut bug
在开发中我们常会在ie中遇到很多莫名的bug，尤其是ie6这个早就该退出历史的浏览器。刚刚在haslayout.net上看到有总结ie的一些 bug，分享一下。1.图片label bug，影响版本ie6/ie7/ie8，当label中有img的时候无法触发点击选中form元素事件.
demo http://haslayout.net/demos/Image-Label-Focus-Bug-Demo.html
fix demo http://haslayout.net/demos/Image-Label-Focus-Bug-Fixed-Demo-CMS.html
解决方案：通过给<label>内加入一个空的span标签，然后设置 position:absolute；background:url(#); 设置label float:left; position:relative;overflow:hidden;就可以解决了
2.设置margin auto的button没有居中，影响版本ie8，ie8下，如果给像button这样的标签（如button input input）设置{ display: block; margin-left: auto; margin-right: auto; }如果不设置宽度的话无法居中。
demo http://haslayout.net/demos/No-Auto-Margin-Center-on-Buttons-Inconsistency-Fixed-Demo-CS.html
解决方案：可以给button加上宽度，或是通过js，var buttons = document.getElementsByTagName(’button’); for ( var i = 0; i < buttons.length; i++ ) {
buttons.style.width = buttons.offsetWidth + ‘px’;
}
另一种解决方案：
<div class="xcode">+展开<div title="收缩" class="codename">-HTML
页:
[1]