Jquery IE9中的内容左对齐中断

我在IE9中无法正确对齐我的内容。我从来都不喜欢IE，过去只是在我的网站上禁止它，但现在我需要它。如何在保持Chrome相同触感的同时修复此问题

在这里，您可以看到我尝试了几次IE修复，但在chrome中出现了中断的内容：\

---

第二个框（导航栏位于右侧）将假定位于左侧的内容推到导航栏下方：\

HTML

<div class="large-box">
    <div class="large-box-content">
        <div class="content-right">
            <div class="column-header">
                <div class="column-icon">
                    Title here
                </div>
            </div>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <div class="column-header">
                <div class="column-icon">
                    Title here
                </div>
            </div>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
        </div>
        <div class="content-left">
            <div class="column-header">
                <div class="column-icon">
                    Title here
                </div>
            </div>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <p>Some content here...</p>
            <div class="column-header">
                <div class="column-icon">
                    Title here
                </div>
            </div>
            <p>Some content here...</p>
            <p>Some content here...</p>
        </div>
    </div>
</div>

---

尝试将'content left'div的宽度设置为固定宽度，而不是让IE9自己计算出来

示例：

CSS:

.content-left {
    height: auto;
    margin-right: 300px;
    padding: 0;
    vertical-align: top;
    width: 1105px;
}

---

您的

内容右侧

的

宽度

为300px，而

边框左侧

为

1px

，因此总宽度为

301px

。因此，在

content left

中，您需要将

margin right

设置为

301px

，而不是

300px

.content-left {
 height: auto;
 padding: 0;
 margin-right: 301px;
 vertical-align: top;
}

---

我的IE9没问题。。哪一部分准确地断开了？第二个框，导航栏在右侧，内容被推到导航栏下方：\这是我在使用IE9时在屏幕上看到的：我认为你的屏幕大小将内容推到了下面。我在IE9、Forefox和Chrome中查看了它，没有发现任何区别。IE8中缺少了一些东西，但没有您提到的内容缺陷。在IE7中，我看到内容的行为与您描述的一样。如果不是动态布局，我很乐意这样做。IEs有自己的动态布局版本不，他们没有。。。这是相同的100%或根本不是。我的尺码刚好不合身。这是过去的一个案例。IE6及以下。我只是在讽刺；）我使用IE8和使用百分比作为度量单位的经验非常糟糕。希望你能设法解决你的问题。好眼力，一定是这样。