我想在每一侧用另一个 div 或 span 填充居中 div 的两侧。
我正在使用边距使 div 居中,如this fiddle所示。
HTML
<div id='A>
<div id='Ad'>
</div>
</div>
CSS
#A{
z-index: 3000;
position: fixed;
width: 100%;
height: 40px;
background: rgba(0,0,0,0.05);
}
/*
div or span to the left
*/
/*
centered div
*/
#Ad{
z-index: 3000;
width: 400px;
height: 40px;
margin-left: auto;
margin-right: auto;
border-left: solid 1px #ff0000;
border-right: solid 1px #ff0000;
}
/*
div or span to the right
*/
我怎样才能有一个总是占用左侧剩余空间的 div 和另一个占用右侧剩余空间的 div。
澄清:
中心柱需要是恒定的宽度。左列和右列随窗口大小而变化。