IE7表单input或textarea无故出现左边间距

大家有木有在IE7下遇到过单独写好的input或textarea等出现左边间距的情况
下面给大家展示一下出现这个BUG的列子

IE67下上面是不是有左间距

结构源码(最好在firebug下查看)

这种结构经常出现在左右两栏,右边需要表单属性的结构
本地测试这个bug只有在IE7下才有

原因:

产生这种错误的原因是因为当input仅仅包含父元素,父元素拥有layout,和margin-left属性时,IE6和7的input就会错误的继承margin-left这样的属性。

当input的外层有写margin-left和overflow:hidden时  就会触发这个bug
解决办法就是在input外层加一个div或其他标签包裹住



对于select没有影响

posted on 2013-07-19 14:34  TrustNature  阅读(209)  评论(0编辑  收藏  举报