我无法将一个元素置于另一个固定元素的中心:
bottombanner 在 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>
css 链接正确:
#bottombanner{
position:fixed;
width:100%;
bottom:0;
}
#bottombanner > div {
position:absolute;
width:100%;
}
#bottombanner > div > ul {
position:relative;
margin-left:auto;
margin-right:auto;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
-webkit-padding-start: 0;
}
最佳答案
将高度添加到 #bottombanner
(至少,这对我的 fiddle 来说是必要的)并将 text-align: center
添加到 #bottombanner > 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 - 固定元素内的中心元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12982077/