CSS fügt Scroll zu Div hinzu und verbirgt die Bildlaufleiste

<div Klasse="Box">
    <div>Der folgende Inhalt wird separat gescrollt</div>
    <div Klasse="scrollen">
        <div Klasse="Inhalt">
            <p>111111111111111</p>
            <p>22222222222222</p>
            <p>333333333333333</p>
            <p>444444444444444</p>
            <p>111111111111111</p>
            <p>22222222222222</p>
            <p>333333333333333</p>
            <p>444444444444444</p>
        </div>
    </div>
</div>

<Stil>
    div{
        Schriftgröße: 15px;
        Rand unten: 20px;
    }
    .Inhalt{
        Höhe: 300px;v // Die Höhe des Scroll-Teils muss festgelegt werden. Hintergrundfarbe: Kadettenblau;
        Farbe: antikweiß;
        overflow-x: versteckt; /*Scrollen auf der X-Achse ist verboten*/
            overflow-y: scrollen;/*y-Achsen-Scrollen*/ 
    }
    .content::-webkit-scrollbar {
        Anzeige: keine;/*Bildlaufleiste ausblenden*/ 
    }
    P{
        Rand unten: 30px;
        Schriftgröße: 17px;
        Farbe: #333;
    }
</Stil>