Internet Explorer 8中的LI元素

Question

由于某种原因，我的LI元素没有浮动到Internet Explorer的左侧，它们显示在另一个之下。有谁知道我怎么解决这个问题？

#books ul{
    list-style:none;
    margin:0px;
    float:left;
    display:inline;
}
#books ul li{
    float:left;
    margin-right: 20px;
    padding-bottom: 20px;
    height:300px;
    display:inline;
}

Answer 1

如果我正确理解您的问题，可能与设置display：inline有关。更改为显示：块;似乎解决了IE和FF中的问题。

#books ul{
list-style:none;
margin:0px;
float:left;
display:block;}

#books ul li {     向左飘浮;     保证金权利：20px;     padding-bottom：20px;     高度：300像素;     显示：块;}

Answer 2

没有必要使用float，如果你只是希望每个LI都是内联的，你可以只使用display属性。

#books ul{
    width: 100%;
    list-style: none;
    margin: 0px;
}
#books ul li{
    margin-right: 20px;
    padding-bottom: 20px;
    height: 300px;
    display: inline-block;
}