Overflow-y not working :(
I’m currently making an HTML code meant to look like little browser windows. it’s my first time overlaying one container over another (the first container being the image, the second being the scroll container where all the wording will go).
I want the container to scroll Y (aka, down and up). but every time I run the code, it scrolls X (side to side). i dont know what I’ve done wrong.
if anyone has any suggestions please tell me!!! thank you :D
code:
<code><div class="square" style="height:369px;width:400px; position: absolute; background-image:url(https://64.media.tumblr.com/8076322320a5ff7c06279bfcc038bfe7/f0f2243e5da7d4a2-5f/s1280x1920/b7901ca612bfb1ca062c59b59584b8d5c15d2440.pnj);background-size:cover;background-position:center center; background-color:transparent;border:1px solid #FFFFFF; border-radius: 0px;"> <div class="square" style="height:174px;width:337px; position: absolute; left: 30px; top: 78px; background-image:url(IMAGE URL GOES HERE);background-size:cover;background-position:center center; background-color:transparent;border:1px solid #FF0000; overflow-y: auto; padding: 10px; border-radius: 0px;"><span style="font-size: 32px;">SCROLL NORMAL WHAT THE FUCKCKCKCKCKCKCKCKCKCKCCKKCCKKCCKCKw<br></span></div>
</code></div>