2

我让 flexbox 在 Firefox 中工作，但在 webkit 浏览器中 display:box div 失去了背景。
这是在线测试：
http ://www.angeloalpaca.railsperu.com/html/

这是一个简单的例子，看到背景在浮动的 flexbox div(webkit) 中消失了：
http ://www.angeloalpaca.railsperu.com/html/simple.html

的HTML： 

<div id="main-wrapper" class="container_12">
  <div id="main">
    <div id="sidebar-first" class="grid_3">

    </div>
    <div id="content" class="grid_8">


    </div>
  </div>
</div>


款式

#main{
  display: -webkit-box;
  -webkit-box-orient: vertical;

  display: -moz-box;
  box-orient: vertical;

  display: box;
  box-orient: vertical} 

#main #sidebar-first{
  padding-top:170px; background:#1a8099; 
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1}

#content{
  min-height:800px; background:red }


款式 960 格 

body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_3,.grid_8{display:inline;float:left;margin-left:10px;margin-right:10px}
4

1 回答 1

0

我在 Chrome 中查看它，并且在为 flexbox 赋予 float 属性时似乎存在问题。来自 960 网格的网格类包括一个float: left。

当网格类被删除时，它们具有相同的行为。

于 2012-07-20T23:07:32.620 回答