html - 引导跨度在 ie8 中不浮动

Question

可能有人可以帮忙。我有以下html。它应该显示 div1 和 div 2 并排显示。然而它并没有发生在 IE8 中。我错过了什么吗？

<div class="row-fluid">
  <div class="span3">content here</div>
  <div class="span9">content here</div>
</div>

我的页面头部包含 normalize.css 和 bootstrap.css。FF 和 chrome 正确显示 div。

这是CSS

.row-fluid .span3 {
    width: 20.8333%;
}

.row-fluid .span9 {
    width: 79.1667%;
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -moz-box-sizing: border-box;
    float: left;
    margin-left: 0%;
}

Answer 1

你可以漂浮它们。在左侧 div 上使用 float:left 样式

<div class="row-fluid">
  <div style="float:left" class="span3">content here</div>
  <div class="span9">content here</div>
</div>