0

在 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中，它看起来像这样：

在 IE 中坏了

在Chrome中，它看起来像这样（如预期的那样）：

按预期镀铬

在Internet Explorer 10中，当我取消选中该box-sizing属性时，它float开始工作，但它会弄乱网站上的其他元素。 没有盒子大小的 IE

我的问题：

1. 为什么 IE 在其他浏览器（在 Mac 上）似乎可以工作时这样做。

2.如何简单修复？我已经尝试更改widthsofdivs并替换float left为right. 我也删除了clear: both div，看看有什么不同。

3. 移除 box-sizing 如何解决问题？

4

2 回答 2

2

试试这个

    <div class="hidden-xs" style="width: 1000px; float:left;">
      <div style="width: 470px; float: left;">a</div>
      <div style="width: 530px; float: left;">b</div> 
      <div style="clear: both;"></div>
   </div>
于 2013-10-21T10:52:28.377 回答
0

对于您的 530px div，使其浮动：左而不是右，并添加位置：相对于 530 和 470 div。

于 2013-10-17T23:32:01.163 回答