無序列表頁邊距在我的頁腳內不起作用

我希望無序列表與頁腳div相關的居中，但是由於某種原因，我無法使其工作。我擔心的是我的粘性可能與它有任何關係，但我真的不知道。幫助讚賞。無序列表頁邊距在我的頁腳內不起作用

編輯：它也會出現，我不能margin-top#footer內的任何元素。

HTML：

<div id="footer"> 
<ul> 
    <li>Item1</li> 
    <li>Item2</li> 
    <li>Item3</li> 
    <li>Item4</li> 
     <li>Item5</li> 
     <li>Item6</li> 
     <li>Item7</li> 
     <li>Item8</li> 
      <li>Item9</li> 
      <li>Item10</li> 
      <li>Item11</li> 
      <li>Item12</li> 
</ul> 
</div>

CSS：

#footer { 
    height: 200px; 
    background: linear-gradient(#545454, #3B3B3B); /* IE9- needs fix */ 
    position: relative; 
    margin-top: -200px; 
    clear: both; 
    bottom: 0; 
} 

    #footer ul { 
     width: 450px; 
     margin: 50px auto; /* This is the part that doesn't work.. */ 
     font-size: 13px; 
     color: white; 
     -webkit-column-count: 3; /* Chrome, Safari, Opera */ 
     -moz-column-count: 3; /* Firefox */ 
     column-count: 3; /* Standard */ 
     -webkit-column-gap: 0; /* Chrome, Safari, Opera */ 
     -moz-column-gap: 0; /* Firefox */ 
     column-gap: 0; /* Standard */ 
    } 

     #footer li { 
      width: 150px; 
      display: inline-block; 
      margin: 5px; 
     }

來源

2014-05-21 Duplo W

看不出這有什麼問題。什麼是'margin-top：-200px;'for？這可能是問題所在。 – Abhitalks

這是爲我的stickyfooter –

問題標題提到'邊距'這不起作用，而問題本身提到有關居中列表，這是混亂。 –

這是保證金崩潰問題。

看看這個演示http://jsfiddle.net/WfGej/ 和解決您的#footer的與

border-top:1px solid transparent;

這樣的：http://jsfiddle.net/WfGej/1/

來源

2014-05-21 13:38:08

不知道我理解這個解決方案，小心解釋一下嗎？ –

檢查此http://wtfhtmlcss.com/#vertical-margins-collapse –

無序列表頁邊距在我的頁腳內不起作用

回答

相關問題