Wie kann ich die Grenze von Tooltip in Jquery begrenzen?

Question

Hallo Ich benutze Tooltip mit Codemirror, was ich will ist, um den Rand der Tooltip nicht außerhalb der Grenze des Editors ... Siehe zu diesem Link, um zu zeigen, wie die Grenze der Tooltip aus der Grenze des Editors jsbin

dies ist der Code: CSS:

.tooltip{background:red;z-index:1000;} 

Skript:

var cm = CodeMirror(document.getElementById("editor"), { 
    value: "function myScript() {\n return 100;\n}", 
    mode: "javascript", 
    indentUnit: 4, 
    lineNumbers: true, 

}); 

var textMarker; 

$('#add').click(function() { 
    textMarker = cm.markText({ 
     line: 1, 
     ch: 4 
    }, { 
     line: 1, 
     ch: 10 
    }, { 
     className: 'marked-text' 
    }); 

    $('.marked-text').tooltip({ 
     title: 'This is a return statement sfdl glrflg rgmlf', 
     container: 'body', 
     delay: { "show": 500, "hide": 100 }, 
     animation: false 
    }); 
}); 

$('#remove').click(function() { 
    if (textMarker) { 
     textMarker.clear(); 
    } 
}); 

Wie ich dieses Problem lösen kann?

Hinweis: Ich mag Titel Tooltip appare überhaupt, so der panding 0 das Problem

Answer 1

ich hinzugefügt habe 0 padding zu Ihrem CSS-Code nicht lösen kann.

html, body { 
    padding: 0; 
} 

Ist this was Sie erreichen wollten?