    /**
     * @class Ext.layout.container.AbstractFit
     * @extends Ext.layout.container.Container
     * <p>This is a base class for layouts that contain <b>a single item</b> that automatically expands to fill the layout's
     * container.  This class is intended to be extended or created via the <tt>layout:'fit'</tt> {@link Ext.container.Container#layout}
     * config, and should generally not need to be created directly via the new keyword.</p>
     * <p>FitLayout does not have any direct config options (other than inherited ones).  To fit a panel to a container
     * using FitLayout, simply set layout:'fit' on the container and add a single panel to it.  If the container has
     * multiple panels, only the first one will be displayed.  Example usage:</p>
     * <pre><code>
    var p = new Ext.panel.Panel({
        title: 'Fit Layout',
        layout:'fit',
        items: {
            title: 'Inner Panel',
            html: '&lt;p&gt;This is the inner panel content&lt;/p&gt;',
            border: false
        }
    });
    </code></pre>
     */
    Ext.define('Ext.layout.container.AbstractFit', {

        /* Begin Definitions */

        extend: 'Ext.layout.container.Container',

        /* End Definitions */

        itemCls: Ext.baseCSSPrefix + 'fit-item',
        targetCls: Ext.baseCSSPrefix + 'layout-fit',
        type: 'fit'
    });