所以我这样做
<div style='width: 200px; border: 1px solid black;'>
<div style='display: inline-block; width: 70px; border: 1px solid green;'>
asdfasdf<br />asdf
</div>
<div style='display: inline-block; width: 70px; border: 1px solid green;'>
asdfasdf<br />were
</div>
</div>
现在在firefox和chrome它显示很好,但在互联网浏览器8它没有.它们具有布局,这不是问题,并且宽度足够小,因此它适合于一行.
如果我使用span而不是工作,但是我真的很想知道为什么div不会在IE中工作
解决方法
旧版本的IE不了解块级元素的内嵌块.
内联块为内联元素工作的原因是因为它们是因为它触发了hasLayout.而内联元素的布局与内嵌块完全相同.
因此,要使用块级元素进行内嵌块工作,请使它们内联并以某种方式触发hasLayout,就像使用zoom：1一样.
因此,对于您的代码,有两种方法：将div更改为跨度,或添加内联黑客(或将代码移动到外部样式表并使用条件注释).带内联黑客的版本将如下所示：
<div style='width: 200px; border: 1px solid black;'>
<div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'>
asdfasdf<br />asdf
</div>
<div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'>
asdfasdf<br />were
</div>
</div>
