Html 固定元件内的中心元件

我无法将一个元素集中在另一个已修复的元素中：

底部横幅位于html正文中：

<div id="bottombanner">
<div>
    <ul>
        <li><a href="contact.html">ContactUs</a></li>
        <li><a href="about.html">AboutUs</a></li>
        <li><a href="help.html">Help</a></li>
        <li><a href="bugs.html">BugReportBox</a></li>
        <li><a href="suggestions.html">SuggestionBox</a></li>
    </ul>
</div>
</div>

---

必须将居中元素的“显示”属性设置为“块”，并设置元素的宽度

#bottombanner > div > ul {
 position:relative;
 margin-left:auto;
 margin-right:auto;
 -webkit-margin-start: auto;
 -webkit-margin-end: auto;
 -webkit-padding-start: 0;
 display:block;
 width:200px;
}

将高度添加到

#底部横幅

（至少对我的小提琴来说是必要的）并将

文本对齐：居中

添加到

#底部横幅>div

：

#bottombanner{
    position:fixed;
    width:100%;
    bottom:0;
    height: 130px;
}

#bottombanner > div {
    position:absolute;
    width:100%;
    text-align:center;
}

#bottombanner > div > ul {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: 0;
}

---

小提琴手：

你能创造一个或什么吗？我们很难说你是如何实现这个的，你正在应用这个的HTML是什么？当我修正宽度时，这是有效的，有没有一种方法可以用width:auto实现这一点？默认情况下，ul的宽度是100%，所以width auto是100%。如果你想让列表缩小到最小，你必须做一些事情，比如float:left，或者display:inline block来缩小它（但我不确定是哪一个）来添加

height:100%

到

固定的

元素为我做了这件事。谢谢你，凯文

#bottombanner{
    position:fixed;
    width:100%;
    bottom:0;
    height: 130px;
}

#bottombanner > div {
    position:absolute;
    width:100%;
    text-align:center;
}

#bottombanner > div > ul {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: 0;
}