向右拉在IE-9和IE-8中不起作用

Question

指向JS Fiddle的链接：

http://jsfiddle.net/TomHagen/smnpg7ua/1/

<td class="lastCol">    
    View Detail     
    <div id="div2">                     
        <input type="button" class="lightGrayButton btn btn-mini btn-primary pull-right cartButton atc" value="Select Plan">
    </div>                          
</td>

jsfiddle中的上述代码在Firefox和Chrome中运行良好，但在IE浏览器中，View detail靠右对齐，Select Plan位于左侧。

我试着删除了pull-right，使用了pull-right和div标签，为pull-right添加了一个新的div，但似乎都不起作用。

Answer 1

我认为它在IE9中工作得很好，但在IE8中就不行。bootstrap 3中pull-right和其他col*的问题在于，它们大量使用媒体查询来使浮动和列具有响应性。

如果您想要支持IE8，建议您不要使用link，但如果必须，您可以添加bootstrap

<script src="assets/js/css3-mediaqueries.js"></script>

它会解决你的问题。