显示列表之类的列表

Question

我有一个List没有像list那样进行diplaying，我希望每个<li>都在另一个之下，就像标准列表一样。

这是一个小例子：

http://jsfiddle.net/w5tZ3/

Answer 1

#settingNev li {
  display: block;
  margin: 0;
  padding: 0;
    clear:both;
}

添加清除两者以显示为列表

Answer 2

如果您不想横向列表，请不要使用float：left;

Answer 3

清除花车是您的答案使用clear:both;或overflow:hidden

#settingNev li {
  overflow:hidden       /*Add this to the make li in flow*/ 
  display: block;
  margin: 0;
  padding: 0;

}

有关详细信息，请参阅This

Answer 4

从float: left;和a样式

中删除span

Answer 5

我在CSS中添加了以下补丁。

#settingNev ul {
    display:table !important;    
}

#settingNev ul li {
    display:table-row !important;
}

以下是整个代码配对：

http://jsfiddle.net/w5tZ3/9/