この構造は次のとおりです。
<div id='container'>
<div id='play'>▶</div>
<div id='res'>RES</div>
<div id='bar'>test</div>
<div id='time'>0</div>
</div>
スタイルは次のとおりです。
#コンテナ用
#container
{backgroundColor:'#CCCCCC',
position:'absolute',
bottom:'-40px',
width:'100%',
height:'40px'}
ボタン #res および #bar 用
#res , #bar
{width:30px;
height:30px;
border:1px solid #DDDDDD;
margin:5px;
font-weight:bold;
cursor:pointer;
float:left}
#時間
#time
{float:'left',fontSize:'16px',margin:'12px 5px'}
注: コンテナーのコンテナーの幅 (100% を取る場所) は動的に変化します。
#bar div に対して CSS を設定する方法は、他の div から残っているすべてのスペースを埋めますか?