精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

当“某些表单元素”的“父元素上触发了haslayout”后,这些表单元素会以“祖先元素上的margin-left值”偏离,解决方法:在“父元素外或内”“再嵌套一个触发haslayout的元素”即可。

范例HTML代码

<h2>bug</h2>
    <p>当“某些表单元素”的“父元素上触发了haslayout”后,这些表单元素会以“祖先元素上的margin-left值”偏离</p>
    <div class="m-demo">
        <div class="itm"><input /></div>
        <div class="itm"><textarea></textarea></div>
    </div>    
    <h2>fix</h2>
    <p>在“父元素外或内”“再嵌套一个触发haslayout的元素”即可</p>
    <div class="m-demo m-demo-fix">
        <div class="itm"><div class="inner"><input /></div></div>
        <div class="itm"><div class="inner"><textarea></textarea></div></div>
    </div>

解决CSS代码

/* IE67中表单元素偏离 */
.m-demo{width:400px;margin:0 0 10px;background:#ddd;}
.m-demo .itm{margin-left:100px;zoom:1}
.m-demo-fix .itm .inner{zoom:1;}
Tags:IE 表单