html - ie 8 browser issure div 出现在下一行

Question

在 ie8 中，跨度标签正在下降，它们不在同一行中如何修复它..我改变了宽度，它不起作用

http://jsfiddle.net/DA9gK/26/

<div style="height: 54px;">
          <span class="companyLogo">Company LOGO</span>
          <span class="quotes" style=" ">Quotes</span>
          <span class="saleOrders" >Sale Orders</span>
          <span class="invoice">Invoice</span>
          <span class="openAr" >Open AR</span>
          <div style="margin-left:592px; ">
            <span class="payments" style=" height: 21px; width: 94px;">Payments</span>
            <span class="createMemos" style=" height: 21px; width: 94px;">Create Memos</span>
            <span class="rma" style=" height: 21px; width: 94px;">RMA</span>
            <span class="crm" style=" height: 21px; width: 94px;">CRM</span>
          </div>
      </div>

Answer 1

div.container 的宽度由 bootstrap.css 设置为 1000px。第二个 div（包含 span）的左边距为 592px。span 内容的宽度加上左边距大于 1000px，因此它将 spans 换行到下一行。

为了演示，我将容器宽度覆盖为“auto！important”。

.container {
  margin: 0 auto;
  width:auto !important;      
}

http://jsfiddle.net/VXXPC/

编辑：另一个演示，我调整了这些跨度的左边距：

.quotes {
  ...
  margin-left: 400px;
}

element.style {
  margin-left: 552px;
}

http://jsfiddle.net/3QTny/

考虑使用浮点数而不是左边距。