0

这是 HTML：

<nav class="listfirst"> 
    <li class="header"></li> 
    <li><a href="#"></li> 
    <li><a href="#"></li> 
    <li><a href="#"></li> 
    <li><a href="#"></li> 
    <li><a href="#"></li> 
</nav>

和CSS：

#bottomnav{
    width:1000px;
    height:300px;
    position:absolute;
    top:5px;
    left:10px;
}

#bottomnav .list1{
    float:left;
    margin-right:20px;
}


#bottomnav .listfirst{
    float:left;
    margin-right:20px;
    margin-left:22px;
}

#bottomnav li{
    width:165px;
    height:22px;
    margin-left:10px;
    list-style-type: none;
    display:block;
}

IE7 中的列表只是显示为块并溢出容器，而我需要它们向左浮动以留在底部导航容器中。

我知道这可能是一个简单的 CSS 修复，但有人有什么建议吗？

对于您的列定义，每个property都应与您的数据源返回的属性名称相匹配。尝试这个：

{
    property: 'id',
    label: 'ID',
    sortable: true
},
{
    property: 'roles',
    label: 'Roles',
    sortable: true
},
{
    property: 'groups',
    label: 'Groups',
    sortable: true
}
4

3 回答 3

0

请尝试下面的css代码。

  #bottomnav .list1{
     float:left;
     margin-right:20px;
     *float:left;  // this property apply in IE7
   }
于 2013-04-09T09:38:36.640 回答
0

您必须指定：

#bottomnav li { 
    float:left;
}

干杯

于 2013-04-10T00:09:18.650 回答
0

我认为您的 html 不正确。总是需要放在<li>一个<ul>标签之间，也许你错过了关闭<a>标签？

例子：

<nav class="listfirst">
   <ul>
      <li><a href="#">Foo</a></li>
      <li><a href="#">Foo</a></li>
   </ul>
</nav>
于 2013-04-09T10:15:05.983 回答