IE 9中的框大小边框和最小宽度问题

Question

我正在使用box-sizing:border-box模型.当内联块元素(容器)中包含具有最小宽度的内联块元素时,Internet Explorer 9中的容器太宽.在FF 10.0,Chrome 17.0,Opera 11.5和Safari 5.1.2中按预期工作.

看到这个jsfiddle

顺便说一下,宽度而不是最小宽度就像一个魅力.

有任何想法吗？

Answer 1

嗨,当你搜索IE 8的类似问题时,你遇到了你的帖子,虽然IE 8支持box-sizing和min-height/width,从我的测试来看,似乎IE 8在使用min-height/width时忽略了border-box相同的元素

例如

#box {
   min-height: 20px;
   padding:4px;
   box-sizing:border-box;
}

IE 8高度 = 28px,Chrome 20高度 = 20px;

使用css浏览器选择器的解决方案http://rafael.adm.br/css_browser_selector/

#box {
       min-height: 20px;
       padding:4px;
       box-sizing:border-box;
  }

 .ie8 #box, .ie9 #box {
       min-height: 12px;
       padding:4px;

 }