css - Sencha Touch 2: 3 つのコンテナー: 左にスティック (固定幅) + 右にスティック (固定幅) + 中央 (残り)

Question

左のコンテナが 3em、右のコンテナが 3em、中央のコンテナが残りの幅の 3 つのコンテナを水平方向に配置する最良の方法は何ですか?

layout:{
    type : 'hbox',
    pack : 'center'
},

items:[
{/*3em*/
xtype:'container',
cls:'left',
html:'left text',
},
{
xtype:'container',
cls:'middle',
html:'middle text',
},
{/*3em*/
xtype:'container',
cls:'right',
html:'right text',
},
]

純粋な css float:left;、float:right;andを使用したほうがよいかどうかoverflow:hidden;、またはflexこの目的で使用できるかどうかに興味がありますか?