html - 在页脚中放置 div

Question

您好，我不知道如何在页脚中居中放置 div 或将其向右或向左浮动，因为我的页脚分崩离析。这是我的代码:

<div id="footer"><div id="tab_brand"><ul>
<li><a href="#"><img src="footer_slike/dell_footer.png"/></a></li>
</ul>
<ul>
<li><a href="#"><img src="footer_slike/acer_footer.png"/></a></li>
</ul></div>
</div>

CSS代码

#footer{
background-color:grey;
width:100%;
height:auto;
margin:0;
padding:0;
left:0;
clear:both;
opacity:0.8;
}
#tab_brand{
height:100%;
left: 20px;
border:1px solid white;
}
#tab_brand ul li img{
padding:5px;
}
#tab_brand ul{
display: inline-table;
list-style: none;
height:auto;
width:auto;   
}

谢谢

Answer 1

如果你想将 #tab_brand 居中，你需要为其设置宽度并添加“margin: 0 auto”使其居中。这是一个例子: http://jsfiddle.net/ok7Lyp2n/