Wie bekomme ich ein Div, um die Grenzen eines IFRAME zu überschreiten?

Ich habe Spectrum Farbauswahl in einer CRM-Form als Web-Ressource verwendet, die ich glaube, ist effektiv ein IFRAME und ich möchte den Inhalt des IFRAME (ein Div) über seine Grenzen, über auf dem übergeordneten Dokument. Ich möchte nicht, dass IFRAME selbst die Größe des expandierenden div abbildet, weil das das Formular hässlich macht.Wie bekomme ich ein Div, um die Grenzen eines IFRAME zu überschreiten?

Hier ist der HTML:

<html> 
    <head> 
     <title>Color Picker</title> 
     <script src="../Scripts/jquery.1.12.3.min.js"></script> 
     <script src="../Spectrum/spectrum.js"></script> 
     <link rel="stylesheet" href="../Spectrum/spectrum.css" /> 
     <script> 
      $(document) 
      .ready(function() { 
       $("#full").spectrum({ 
        color: "#ECC", 
        showInput: true, 
        className: "full-spectrum", 
        showInitial: true, 
        showPalette: false, 
        showSelectionPalette: false, 
        maxSelectionSize: 10, 
        preferredFormat: "hex", 
        localStorageKey: "spectrum.demo", 
        move: function (color) { 

        }, 
        show: function() { 

        }, 
        beforeShow: function() { 

        }, 
        hide: function() { 

        }, 
        change: function() { 

        } 
       }); 


      }); 

     </script> 
    </head> 
    <body> 
     &nbsp;&nbsp;&nbsp;&nbsp;<input type='text' id="full" style="position:absolute;"/> 
    </body> 
</html>

ich mit z-index spielen gedacht, aber das scheint nur für Bilder zu arbeiten.

Hier ist, was diese in Form erzeugt: