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 leftright. 我也删除了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 回答