在 IE10div
中,我需要并排获取两个标签。在 Mac Chrome、Safari 和 Firefox 上,一切正常。例如,在 Windows 上的 Internet Explorer 10 中,divs
它们不会按预期浮动。
如果这有什么不同的话,我也会为不同的设备布局使用一些 twitter 引导类。
<div class="hidden-xs" style="width: 1000px;">
<div style="width: 470px; float: left;">a</div>
<div style="width: 530px; float: right;">b</div>
<div style="clear: both;"></div>
</div>
在Internet Explorer 10中,它看起来像这样:
在Chrome中,它看起来像这样(如预期的那样):
在Internet Explorer 10中,当我取消选中该box-sizing
属性时,它float
开始工作,但它会弄乱网站上的其他元素。
我的问题:
1. 为什么 IE 在其他浏览器(在 Mac 上)似乎可以工作时这样做。
2.如何简单修复?我已经尝试更改widths
ofdivs
并替换float left
为right
. 我也删除了clear: both
div
,看看有什么不同。
3. 移除 box-sizing 如何解决问题?