此CSS代码对ie7有麻烦。在ie6中是一个完全的绝对混乱。
问题在于,输入文本框将获得波纹管标签。
唯一的解决方法是将div左移,但是在调整大小时会遇到问题。

fieldset.label_side > label {
    width: 100px;
    position: relative;
    float: left;
    left: 0;
    padding: 18px 20px 8px;
    border-right: 1px solid #eee;
    clear: left;
    line-height: normal;
}
fieldset label{
        font-size: 13px;
    font-weight: bold;
    padding: 15px 20px 10px;
    margin-right: 10px;
    display: inline-block;
    color: #333;
}

fieldset.label_side > div {
    width: auto;
    margin-left: 140px;
    padding: 15px 20px;
    border-left: 1px solid #eee;
    clear: right;
      display: block;
}

.box-block fieldset input{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input.text{
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border : solid #eee 1px;
    background-color: #fbfbfb;
    line-height: 32px;
   display: inline;
    height: 32px;
    padding: 0px 0 0 5px;

}


更新

我发现问题是由于输入宽度为100%。我正在寻找如何修复它。

最佳答案

当显示设置为“ inline-block”时,IE6和IE7不能很好地播放;

尝试将以下内容添加到标签的CSS规则中:

fieldset label{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}


我可能会对IE浏览器有一个条件表(通常是我如何处理此问题)。这是一个比我能更好地解释问题的网站:http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

关于html - CSS表单ie7错误,左边距留有 float ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9841063/

10-12 12:48
查看更多