/**
 * コンテナを水平方向に横切ってアイテムを配置するレイアウト。このレイアウトでは、オプションで数値の`flex`設定を含む子アイテム間の利用可能な空間を水平方向に分割します。
 *
 * このレイアウトでは、子アイテムに{@link #align}オプションを設定することにより子アイテムの高さを設定する用途で使用することもできます。
 *
 *     @example
 *     Ext.create('Ext.Panel', {
 *         width: 500,
 *         height: 300,
 *         title: "HBoxLayout Panel",
 *         layout: {
 *             type: 'hbox',
 *             align: 'stretch'
 *         },
 *         renderTo: document.body,
 *         items: [{
 *             xtype: 'panel',
 *             title: 'Inner Panel One',
 *             flex: 2
 *         },{
 *             xtype: 'panel',
 *             title: 'Inner Panel Two',
 *             flex: 1
 *         },{
 *             xtype: 'panel',
 *             title: 'Inner Panel Three',
 *             flex: 1
 *         }]
 *     });
 */
Ext.define('Ext.layout.container.HBox', {
    extend: 'Ext.layout.container.Box',

    alias: 'layout.hbox',

    alternateClassName: 'Ext.layout.HBoxLayout',

    type: 'hbox',

    vertical: false
});