Help Big white space below the tab box

[Sign]

I'm back for troublee ;u;
Apprantly, there's this big, huge white area on the scroll box at the bottom. I was wondering what I was doing wrong.
Thanks...again TuT

[class name=scontainer]
display: flex;
flex-flow: row wrap;
margin: 0px -4px;
overflow: hidden;
box-sizing: border-box;
overflow-x: none;
width: 50%;
position:relative;
left:330px;
top:-310px
[/class]

[class name=sbutton]
margin: 0px 2px;
background-color: transparent;
color: #8d8d8d;
flex: 1 0 80px;
width: calc(50% - 10%);
background: transparent;
transition: all .3s ease-in-out;
cursor: pointer;
text-align: center;
padding: 10px 5%;
[/class]

[class name=sbutton state=hover]
background: transparent;
color: #c1b3c5;
[/class]

[class name=sbuttoncurr]
background: transparent;
color: #003759;
transition: all .2s ease-in-out;
[/class]

[class name=stab]
display: boarder;
background: transparent;
box-sizing: border-box;
width: 100%;
padding: 5px;
margin: 4px 2px;
cursor: url(https://i.imgur.com/jJIk4Dz.gif), auto
[/class]

[script class=sbutton version=2]
(hide "stab")
(show "onetab")
(addClass "sbuttoncurr" "onebtn")
[/script]

[script class=sbutton version=2 on=click]
(hide "stab")
(removeClass "sbuttoncurr" "sbutton")
(= currenttab (index (split (getText) "#") 0 ))
(show (+ currenttab "tab"))
(addClass "sbuttoncurr" (+ currenttab "btn"))
[/script]

[div class="scontainer"]
[div class="sbutton onebtn"][div=display: none;]one#[/div][size=5][font=Literata] P l o t l i n e[/font][/size][/div]
[div class="sbutton twobtn"][div=display: none;]two#[/div][size=5][font=Literata] R u l e s [/font][/size][/div]
[div class="sbutton threebtn"][div=display: none;]three#[/div][size=5][font=Literata] L i n k [/font][/size][/div]
[div class="stab onetab"][class name=scroll]
width: 100%;
height: 70%;
line-height:5px 
box-sizing: content-box;
padding-right: 250px;
overflow-Y: scroll;
overflow-X: scroll;
[/class]
[div class=scroll]
[Font=Marcellus]Welcome to Sungdong University! We provide high-quality education with various field of study. This is a prestgious private university admitting the wealthy, but those with a full-ride scholarship are welcome here. These students live in a beautiful dorm area and an amazing university, but there is one catch: this is only an all-boys university!

We start off at the bustling city of Seoul, where the heart of dreams and inspiration are sought. Sundong University is one of the few universities that will accept a certain amount of people on their campus. This is the new year and is already the second semester of their university life. Many of these people know the existence of the Princes of Sundong, who are at the very top of their very own department. Not only they are intelligent, but they live their life with a golden spoon, showered by love, admiration, and money from people everywhere. Four female students who are friends have agreed to hide their identity as a girl to enter the prestigious school as a boy for their future and benefits, knowing the existence of these guys.


Little did they know that the dorm mates of the four Princes of Sundong suddenly left and a sudden fire in the (4) female lead's dorm will cause them to move into the Princes of Sundong's luxury dorm. To avoid losing their education because of all of the boys, the girls vowed to not be involved with anyone, but in this case, they have no choice but to be stuck with the top four Princes of the university! [/font][/div]
[/div]
[div class="stab twotab"]
[Font=Marcellus]
[b]Notes:[/b] Female roles are going to be dressed up as boys in this roleplay, but they MAY use their female pictures as we roleplay. Male roles will suggest that the (F) roles are a guy since it is an all-boy university. 
* Realistic Face-claims only :>
* Set in Seoul, South Korea
* 4 male roles each have a different background:
- The (modern) royal Prince of S. Korea [Influence: Princess Hours]
- Heir of a popular family tea-farm & popular singer 
- Both parents are popular actor & actress who made millions of money* (May be taken by Sign)
- Heir to a mall & tycoons [Influence: Hana Dori Dango/Boys over Flowers][/font]

[/div]
[div class="stab threetab"] [font=marcellus]L i n k u ! [/font][/div]
[/div]

[/CENTER]

 

[Alteras]

When you're working with classes and div, it is highly recommended that you use [nobr]. The extra space you are seeing below is created from all the "enters" that are in the code. You need to also set the height of your tabs, as it will all collapse into one line if you don't.