I'm trying to get an image to sit at the bottom of a div. The div has a viewport height of 100 but also a minimum height of 680px. The image sits nicely at the bottom until I begin to scroll down the page and the viewport height is smaller than 680px.
margin: 0px auto;}
/* this is just what i've been experimenting with*/
You need to add
position:relative to the styles for
.arrow will work properly.
Reason: If you want to position an element absolutely within another element, you must explicitly declare positioning for the parent element.