CSS 页脚对齐问题

Question

我无法让此页脚对齐并正确放置在底部 - 它应该是 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>

Answer 1

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