此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/