Wie mache ich ein HTML-div-Element vertikale Scrolling folgen (in html/django)?

Question

Ich bin extrem unerfahren mit HTML und obwohl ich Python kenne, hatte ich noch nie zuvor Django benutzt. Ich versuche, eine einfache Website einzurichten, auf der der Benutzer Code auf der linken Seite des Bildschirms sehen und einen Text auf der rechten Seite des Bildschirms eingeben kann. Der Code kann manchmal ziemlich lang sein, so dass die Webseite scrollt, aber ich möchte, dass die Textbox immer vorhanden ist, auch wenn Sie nach oben oder unten scrollen. Wie mein Code jetzt ist, ist das Textfeld auf der rechten Seite des Bildschirms, aber es bleibt immer am unteren Rand. Hier ist ein Screenshot von dem, was es sieht aus wie:

(kann nicht scheinen Screenshot zu bekommen in der Post zu zeigen, hier ist der Link http://imgur.com/3JfgHH3)

Hier ist die HTML-Datei Ich bin Verwendung in meinem Vorlagen-Verzeichnis in Django:

Entschuldigung für mein komplettes Fehlen von HTML-Wissen. Wie würde ich das entweder direkt im Django oder in der HTML-Datei beheben, so dass das Textfeld und die Schaltfläche mit dem Bildlauf nach oben und unten verschoben werden, anstatt dauerhaft unten rechts auf dem Bildschirm anzuhängen? Bei Bedarf kann ich auch den Django-Code posten, ich war mir nicht sicher, ob dies direkt in HTML möglich war.

Answer 1

<div style ="display: inline-block;position: fixed;" >

position: fixed; in Ihrem Styling des ersten div implementieren. Das sollte schon ausreichen. Wie @furas sagt ist - wenn es um Styling geht - CSS die Sprache, die du lernen musst.

Answer 2

In der CSS-Datei fügen Sie bitte den folgenden Code:

div.[class_name_of_div_element] { 
position: fixed; 
}