CSS页脚对齐问题

我不能让这个页脚对齐，并坐在底部正确-它应该是3列和居中的页面。有人能帮忙吗

/*页脚*/

#footer {
line-height: 80px;
width:100%;
color: #fff;
height: 80px;
background-color: #111;
padding: 30px 0px 0px 0px;
}


/* column width */
#footer > ul > li {
width: 250px;
  list-style:none;
 float: left;
 border-left: 1px solid #fff;
 padding-left: 10px; 
  }

#footer > ul > li > ul {
    font-weight: normal;
      list-style:none;
       font-size: .80em;
 }

 #footer a, #footer a:visited, #footer a:active {
    color: #ffffff;
  }

  #footer a:hover {
    color: #ffffff;
  }



<div id="footer">
   <ul>
      <li>
         <ul>
             <li><a href="default.asp">About</a></li>
              <li><a href="default.asp">Contact</a></li>
             <li><a href="default.asp">Spare</a></li>
       </ul> </li>
     <li>
         <ul>
             <li><a href="default.asp">Terms</a></li>
            <li><a href="default.asp">Privacy</a></li>
           <li><a href="default.asp">Disclaimer</a></li>
        </ul> </li>
   <li>
        <ul>
    <li> or content on this website. Full disclaimer</li>   
        </ul>
</ul>

#页脚{
线高：80px；
宽度：100%；
颜色：#fff；
高度：80px；
背景色：#111；
填充：30px 0px 0px 0px；
}
/*列宽*/
#页脚>ul>li{
宽度：250px；
列表样式：无；
浮动：左；
左边框：1px实心#fff；
左侧填充：10px；
}
#页脚>ul>li>ul{
字体大小：正常；
列表样式：无；
字体大小：.80em；
}
#页脚a，#页脚a:已访问，#页脚a:活动{
颜色：#ffffff；
}
#页脚a：悬停{
颜色：#ffffff；
}















或本网站上的内容。完整免责声明

---

如果希望元素与浏览器窗口齐平，body元素上的填充和边距必须为零。

我认为如果元素组是浮动的，则不能将它们居中放置。您是否考虑过对列LIs应用

display:inline block

，而不是

float:left

？

将#footer width属性设置为您想要的最大值（自将li宽度设置为250px后为750px min），然后将左边距和右边距设置为自动。这将使页脚居中。就底部位置而言，您可以通过更改设置/更改#footer div的margin top属性来调整它。。。我不太明白“正确地坐在底部”到底是什么意思。简单地说，给每组一个大约32%的宽度，然后给页脚一个填充物，这样左边就不会与边缘齐平

#footer > ul > li {
width: 32%;
list-style:none;
float: left;
border-left: 1px solid #fff;
padding-left: 10px; 
}

---

@David@Ciprian@brenjt——这些建议都不起作用。看起来页脚好像是从my.container css规则继承了一些规则，但我无法识别要更改它们的元素。还有其他想法吗？我刚刚注意到您的上一个列表项在内部

之后缺少一个结束标记。