Html 无序列表边距不为'；在我的页脚里不起作用

我希望无序列表相对于footer div居中，但由于某些原因，我无法使其工作。我担心我的粘脚可能与此有关，但我真的不知道。谢谢你的帮助

编辑：看起来我不能

页脚
中的任何元素

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>

#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;
        }

这是一个保证金崩溃的问题

看看这个演示
并用

   border-top:1px solid transparent;

像这样：
看不出有什么问题。什么是
margintop:-200px用于？这可能是问题所在，这是我的问题stickyfooter@KingKing：也许op谈论的是
边距：50px自动
？@DuploW：添加
溢出：自动#页脚上的code>可能会有所帮助。正如我看到的，您应用了一个
clear:both
，这意味着您在某个地方有一个浮点问题。@DuploW实际上您的列表没有正确居中，除非您指的是
ul
本身（不是由所有
li
项组成的文本）。如果您的意思是边际顶部
50px
不受影响，那是因为所谓的边际崩溃。我不确定我是否理解这个解决方案，请解释一下好吗？