• 技术文章 >web前端 >html教程

    消除ie6 7 输入框上下边与容器间的间距_html/css_WEB-ITnose

    2016-06-24 11:54:05原创420

    这个bug很常见

        

    *{    margin: 0;    padding: 0;}input{    height: 19px;    line-height: 19px;    padding: 11px 0 11px 10px;    width: 192px;    font-size: 16px;}#wrap{    border: 1px solid red;}

    ff,ie8 容器和input边框重合

    ie7

    ie6

    怎么解决呢?网上有很多说在input上加float:left就可以了,那样确实可以消除边距,但很可能让你的布局在ie下又变得面目全非,因为很多bug都是float引起的,而且也多了消除浮动这件事。

    float是把双刃剑,能不用还是就不用吧。

    最终方法

    首先input{border:0;*margin:-1px 0;},这时,ie7还是有间距。然后

    input[type="text"] {
    background: none repeat scroll 0 0 transparent;
     border:medium none;
    }

    这时看容器的高度是否一致。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:CSS样式:把一个段中的几个短语颜色设置成不同于文本的颜色,用span标签。_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 求两个纯Html之间的传值示例_html/css_WEB-ITnose• 实现主页_实现内容的第一部分• ajax基本介绍• ExtJs教程14• 为什么是这样的?_html/css_WEB-ITnose
    1/1

    PHP中文网