title: positioning of a container in extjs
body: <p>In my project, I am trying to position a container as absolute. but if I do so, it is also effecting the neighbour items. I mean, after positioning the container, if I give some width and height to that particular container, it is effecting all the toolbar. (which I don't want to happen). This effect is happening even if I use <code>layout: 'absolute</code> or css <code>position:absolute</code>.</p>
  
  <p>Here is my related code:</p>
  
  <pre><code>        xtype: 'panel',
  
          dockedItems: [{
              dock: 'top',
              xtype: 'toolbar',
              height: 40,
              items: [
              {
                  //only this should be absolute positioned
                  xtype: 'container',
                  cls: 'logo',         //tried with applying css styles !important
                  //even tried with layout: 'absolute'
              },'-',
              //the below elements should not move their position
              //even if the above one has been applied positioning.
              {
                  xtype: 'container'
              },'-&gt;',
              {
                  xtype: 'container'
              }]
          }],
  </code></pre>
  
  <p>Here my goal is to bring the container out of the <code>toolbar</code> because it should have greater height than the <code>toolbar</code> keeping other containers constant.</p>