test scroll css

by spacexplorer

HTML

<div id="background">
    <div id="top">top</div>
    <div id="bottom">bottom</div>
</div>
<div id="main">
    <div id="left"></div>
    <div id="middle"></div>
    <div id="right"></div>
</div>

CSS

body{
overflow: hidden;
    padding: 0px;
    margin: auto;
}

#background {
    background: rgba(200,0,0,0.5);
    position: absolute;
 width: 100%;
    height: 100%;
    overflow: hidden;
    
}

#top, #bottom {
    position: absolute;
    left: 0px;
    top: 0px;
    
}